jquery实现 checkbox全选和反选 很常用噢....

Html代码  

1. Jquery的选择器帮你轻松实现这个效果 摒弃复杂的js代码  
2. $(function(){  
3.     $('#inputChkAll').click(function(){  
4.         $("input[name='chkJob']").attr("checked", $(this).attr("checked")); //注意此处  
5.         //#inputChkAll用来全选或者全不选的CheckBox控件，其控制了name='chkJob'这个复选组。  
6.  });  
7. });  

 

Html代码  

1. //全选  
2. function checkall() {  
3.     var all = document.getElementsByTagName("input");  
4.     for (var i = 0; i < all.length; i++) {  
5.         if (all[i].type == "checkbox") {  
6.             all[i].checked = true;  
7.         }  
8.     }  
9. }  
10.    
11. // 反选  
12. function checknull() {  
13.     var all = document.getElementsByTagName("input");  
14.     for (var i = 0; i < all.length; i++) {  
15.         if (all[i].type == "checkbox") {  
16.             all[i].checked = false;  
17.         }  
18.     }  
19. }