列表checkbox全选

1 <script language=javascript>
2  //第一种方法
3 function selectall1()
4 {
5 var a = document.getElementsByTagName("input");
6 if(a[0].checked==true){
7 for (var i=0; i<a.length; i++)
8 if (a[i].type =="checkbox") a[i].checked =false;
9 }
10 else
11 {
12 for (var i=0; i<a.length; i++)
13 if (a[i].type =="checkbox") a[i].checked =true;
14 }
15 }
16 //第二种方法
17 function selectall2() {
18 var tform = document.forms['form1'];
19 for (var i=0;i<tform.length;i++)
20 {
21 var e = tform.elements[i];
22 if (e.type =="checkbox")
23 e.checked =!e.checked;
24 }
25 }
26 //第三种方法，结合上述两种方法
27 function selectall3()
28 {
29 var a = document.getElementsByTagName("input");
30 for (var i=0; i<a.length; i++)
31 if (a[i].type =="checkbox") a[i].checked =!a[i].checked;
32 }
33 //第四种方法
34 function selectall4(id){ //用id区分
35 var tform=document.forms['form1'];
36 for(var i=0;i<tform.length;i++){
37 var e=tform.elements[i];
38 if(e.type=="checkbox"&& e.name==id) e.checked=!e.checked;
39 }
40 }
41 //第五种方法
42 function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性
43 var tform=document.forms[theform];
44 document.getElementById("thewen").value='反选';
45 for(var i=0;i<tform.length;i++){
46 var e=tform.elements[i];
47 if(e.type=='checkbox'&& e.name==thename)e.checked=!e.checked;
48 }
49 }
50 </script>
51 <form id="form1" name="form1" method="post" action="">
52 <input type="checkbox" name="sid" value="1"/>
53 <input name="thes" type="button" onclick="javascript:selectall3()" value="全选"/>
54 </form>
55
56

 

转载于:https://www.cnblogs.com/weipeng224/archive/2010/04/29/1724049.html