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>
16. <input type='checkbox' id='id1' name='checkname[]' value='1' />value1
17. <inputtype='checkbox' id='id2' name='checkname[]' value='2' />value2
18. <input type='checkbox' id='id3' name='checkname[]' value='3' />value3
20. <inputtype="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. );