进步一点点 JavaScript之选项全选与反选

2011/6/25 21:39:35

<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 > IC交易网
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>

MyQBlog

浏览(1425)

关键字

记录.NET学习的点滴，欢迎收藏我的博客