CHECKBOX全选,取消全选-jquery

用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.

1. <script type="text/javascript">
2. $(function() { 
3.     $("#checkall").click(function() { 
4.         $("input[@name='checkname[]']").each(function() { 
5.             $(this).attr("checked", true);
6.         });
7.     });
8.     $("#delcheckall").click(function() { 
9.         $("input[@name='checkname[]']").each(function() { 
10.             $(this).attr("checked", false);
11.         });
12.     });
13. });
14. </script>
15.  
16. <input type='checkbox' id='id1' name='checkname[]' value='1' />value1 
17. <input type='checkbox' id='id2' name='checkname[]' value='2' />value2
18. <input type='checkbox' id='id3' name='checkname[]' value='3' />value3
19.  
20. <input type="button" id="checkall" name="checkall" value="全选" />
21. <input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

更加简单的一种:

1. $("#checkall").click(
2. function(){
3.     if(this.checked){
4.         $("input[name='checkname']").each(function(){this.checked=true;});
5.     }else{
6.         $("input[name='checkname']").each(function(){this.checked=false;});
7.     }
8. }
9. );