您的位置：首页 > 其它

实现checkbox的全选和取消

2019-07-26 00:46 429 查看

原文链接：https://www.geek-share.com/detail/2554820600.html

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>

转载于:https://www.cnblogs.com/zhouxy/archive/2012/08/01/2618935.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航