jQuery實現複選框 全選、反選、全不選
阿新 • • 發佈：2019-02-12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>複選框全選/全不選/反選</title> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> /** * 全選 * * checkboxName 複選框的name */ function allCkb(checkboxName){ $('[name='+items+']:checkbox').each(function (){ this.checked = true; }); } /** * 全不選 * */ function unAllCkb(){ $('[type=checkbox]:checkbox').attr('checked', false); } /** * 反選 * * checkboxName 複選框的name */ function inverseCkb(checkboxName){ $('[name='+items+']:checkbox').each(function(){ this.checked=!this.checked; }); } </script> </head> <body> <input type="button" onclick="allCkb('hobby')" value="全 選"/> <input type="button" onclick="unAllCkb()" value="全不選"/> <input type="button" onclick="inverseCkb('hobby')" value="反 選"/><br/> <input type='checkbox' name='hobby' value="0"/>踢足球<br/> <input type='checkbox' name='hobby' value="1"/>打網球<br/> <input type='checkbox' name='hobby' value="2"/>游泳<br/> <input type='checkbox' name='hobby' value="3"/>射擊<br/><br/> </body> </html>