1
<html>
2
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5<title>复选框全选、全不选和反选的效果实现</title>
6<SCRIPT LANGUAGE="JavaScript">
7
8<!-- Begin
9
function checkAll() {
10
for (var j = 1; j <= 9; j++) {
11
box = eval("document.checkboxform.C" + j);
12if (box.checked == false) box.checked = true;
13
}
14
}
15
16function uncheckAll() {
17for (var j = 1; j <= 9; j++) {
18box = eval("document.checkboxform.C" + j);
19if (box.checked == true) box.checked = false;
20 }
21}
22
23function switchAll() {
24for (var j = 1; j <= 9; j++) {
25box = eval("document.checkboxform.C" + j);
26box.checked = !box.checked;
27 }
28}
29// End -->
30</script>
31</head>
32
33<body>
34
35<form name=checkboxform>
36<input type=checkbox name=C1 checked>C1<br>
37<input type=checkbox name=C2 checked>C2<br>
38<input type=checkbox name=C3 checked>C3<br>
39<input type=checkbox name=C4 checked>C4<br>
40<input type=checkbox name=C5 checked>C5<br>
41<input type=checkbox name=C6 checked>C6<br>
42<input type=checkbox name=C7 checked>C7<br>
43<input type=checkbox name=C8 checked>C8<br>
44<input type=checkbox name=C9 checked>C9<br>
45<br>
46<input type=button value="全部选中" onClick="checkAll()"><br>
47<input type=button value="全部不选" onClick="uncheckAll()"><br>
48<input type=button value="选择转换" onClick="switchAll()"><br>
49</form>
50
51</body>
52
53</html>
<html> 2
3
<head> 4
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 5
<title>复选框全选、全不选和反选的效果实现</title> 6
<SCRIPT LANGUAGE="JavaScript"> 7
8
<!-- Begin 9
function checkAll() { 
10
for (var j = 1; j <= 9; j++) { 
11
box = eval("document.checkboxform.C" + j); 12
if (box.checked == false) box.checked = true; 13
} 14
} 15
16
function uncheckAll() { 17
for (var j = 1; j <= 9; j++) { 18
box = eval("document.checkboxform.C" + j); 19
if (box.checked == true) box.checked = false; 20
} 21
} 22
23
function switchAll() { 24
for (var j = 1; j <= 9; j++) { 25
box = eval("document.checkboxform.C" + j); 26
box.checked = !box.checked; 27
} 28
} 29
// End --> 30
</script> 31
</head> 32
33
<body> 34
35
<form name=checkboxform> 36
<input type=checkbox name=C1 checked>C1<br> 37
<input type=checkbox name=C2 checked>C2<br> 38
<input type=checkbox name=C3 checked>C3<br> 39
<input type=checkbox name=C4 checked>C4<br> 40
<input type=checkbox name=C5 checked>C5<br> 41
<input type=checkbox name=C6 checked>C6<br> 42
<input type=checkbox name=C7 checked>C7<br> 43
<input type=checkbox name=C8 checked>C8<br> 44
<input type=checkbox name=C9 checked>C9<br> 45
<br> 46
<input type=button value="全部选中" onClick="checkAll()"><br> 47
<input type=button value="全部不选" onClick="uncheckAll()"><br> 48
<input type=button value="选择转换" onClick="switchAll()"><br> 49
</form> 50
51
</body> 52
53
</html>
浙公网安备 33010602011771号
