JavaScript之全选与反选
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <title>JavaScript之全选与反选</title>
4 <script type="text/javascript">
5 function selectAll(){
6 var inputs = document.getElementsByTagName("input");
7 for(var i=0;i<inputs.length;i++){
8 var input = inputs[i];
9 if(input.type == "checkbox"){
10 input.checked = "true";
11 }
12 }
13 }
14 function selectNone(){
15 var inputs = document.getElementsByTagName("input");
16 for(var i=0;i<inputs.length;i++){
17 var input = inputs[i];
18 if(input.type == "checkbox"){
19 input.checked = "";
20 }
21 }
22 }
23
24 function adverseSelect(){
25 var inputs = document.getElementsByTagName("input");
26 for(var i=0;i<inputs.length;i++){
27 var input = inputs[i];
28 if(input.type == "checkbox"){
29 // if(input.checked == true){
30 // input.checked = "";
31 // }
32 // else{
33 // input.checked = true;
34 // }
35 input.checked = !input.checked;
36 }
37
38 }
39 }
40 </script>
41 </head>
42 <body >
43 <input type="checkbox" id="cb1"/>广东药学院
44 <input type="checkbox" id="cb2"/>中山大学
45 <input type="checkbox" id="cb3"/>华南理工大学
46 <input type="checkbox" id="cb4"/>华南师范大学
47 <p><input type="button" value="全选" onclick="selectAll()"/>
48 <input type="button" value="全不选" onclick="selectNone()"/>
49 <input type="button" value="反选" onclick="adverseSelect()"/>
50 </p>
51 </body>
52 </html>
