1 //实现checkbox的全选和取消
2 <script type="text/javascript">
3 function all(all){
4 var checkbox = document.getElementsByName("select");
5 if (all.checked){
6 for (i = 0;i<checkbox.length ;i++ )
7 {
8 checkbox[i].checked = true;
9 }
10 }
11 else{
12 for (i = 0;i<checkbox.length ;i++ )
13 {
14 checkbox[i].checked = false;
15 }
16 }
17 }
18 </script>
19 <style type="text/css">
20 </style>
21 </head>
22
23 <body>
24 <input type = "checkbox" onchange = "javascript:all(this)"/>全选<br/>
25 <input type = "checkbox" name = "select"/>苹果
26 <input type = "checkbox" name = "select"/>香蕉
27 <input type = "checkbox" name = "select"/>橘子
28 <input type = "checkbox" name = "select"/>荔枝
29 <input type = "checkbox" name = "select"/>橙子
30 <input type = "checkbox" name = "select"/>哈密瓜
31 </body>
View Code
