列表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