利用JavaScript全选、反选复选按钮

代码很简单，就是在一张图片上做一个onclick事件，调用JavaScript函数，做到全选、反选、不选form中的checkbox

JavaScript代码：

1. <script language="javascript">  
2. function checkAll(form1,status){              
3.     var elements = form1.getElementsByTagName('input');  
4.     for(var i=0; i<elements.length; i++){  
5.         if(elements[i].type == 'checkbox'){  
6.             if(elements[i].checked==false){  
7.                 elements[i].checked=true;  
8.             }  
9.         }  
10.     }     
11. }  
12. function switchAll(form1,status){             
13.     var elements = form1.getElementsByTagName('input');  
14.     for(var i=0; i<elements.length; i++){  
15.         if(elements[i].type == 'checkbox'){  
16.             if(elements[i].checked==true){  
17.                 elements[i].checked=false;  
18.             }else if(elements[i].checked==false){  
19.                 elements[i].checked=true;  
20.             }  
21.         }  
22.     }     
23. }  
24. function uncheckAll(form1,status){    
25.     var elements = form1.getElementsByTagName('input');       
26.     for(var i=0; i<elements.length; i++){                     
27.         if(elements[i].type == 'checkbox'){               
28.             if(elements[i].checked==true){                    
29.                 elements[i].checked=false;                    
30.             }  
31.         }  
32.     }     
33. }  
34. </script> 

然后在一个form中做三个图片来充当按钮，直接做按钮也行，反正你喜欢

代码如下：

1. <tr> 
2. <td colspan="12" align="center"> 
3.         <img src="images/check.jpg" onclick="checkAll(form1,status);" />          
4. <img src="images/switch.jpg" onclick="switchAll(form1,status);" />         
5. <img src="images/uncheck.jpg" onclick="uncheckAll(form1,status);" /> 
6. </td> 
7. </tr> 

checkbox你喜欢弄几个就弄几个吧,我就不写了!

本文转自运维笔记博客51CTO博客，原文链接http://blog.51cto.com/lihuipeng/602115如需转载请自行联系原作者

lihuipeng