checkbox实现全选和取消

这是我自己今天做的一些练习，有哪些不足，希望指点！

View Code

 1 <script type="text/javascript">
 2     function selectAll(fru){
 3         var check = document.getElementsByName("fruit");
 4         if(fru.checked){
 5             for(i=0;i<check.length;i++){
 6                 check[i].checked = true;
 7             }
 8         }else{
 9             for(i=0;i<check.length;i++){
10                 check[i].checked = false;
11             }
12         }
13     }
14 </script>
15 <style type="text/css">
16 </style>
17 </head>
18 
19 <body>
20     <input type="checkbox" onchange="selectAll(this)"/>全选
21     <br/>
22     <input type="checkbox" name="fruit"/>苹果
23     <input type="checkbox" name="fruit"/>香蕉
24     <input type="checkbox" name="fruit"/>葡萄
25     <input type="checkbox" name="fruit"/>猕猴桃
26     <input type="checkbox" name="fruit"/>橘子
27     <input type="checkbox" name="fruit"/>荔枝
28     
29 
30 
31 </body>
32

posted on 2012-08-01 19:21 午后の時間阅读(145) 评论(0) 编辑收藏举报