实现checkbox的全选和取消

View Code 
 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>

 

posted @ 2012-08-01 19:30  晓 漪  阅读(200)  评论(0)    收藏  举报