checkbox做全选操作

最新推荐文章于 2024-08-16 19:02:09 发布

weixin_30655219

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量151

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/he1229/archive/2012/08/26/2657510.html

版权

全选，在程序中非常有用，所以使用单选框做了一个简单的全选

全选(checkbox)

 1 <script type="text/javascript">
 2     function selectAll(dom){
 3         // getElementsByName()方法，根据name标签属性的值获取对象的集合
 4 var as = document.getElementsByName("a");
 5         /*1.checked：设置或获取复选框或单选钮的状态。
 6         用法：
 7         object.checked [ = bChecked ] 
 8         值为bool型，false 默认值 表示当前项没有被选中
 9         true项被选中*/
10 if(dom.checked){
11             for(i=0;i<as.length;i++){
12                 as[i].checked = true;
13             }
14         }else{
15             for(i=0;i<as.length;i++){
16                 as[i].checked = false;
17             }
18         }
19     }
20 </script>
21 <body>
22     <input type="checkbox" οnchange="selectAll(this)"/>全选
23     <br/>
24     <input type="checkbox" name="a"/>苹果 <br/>
25     <input type="checkbox" name="a"/>栗子 <br/>
26     <input type="checkbox" name="a"/>葡萄 <br/>
27     <input type="checkbox" name="a"/>香蕉 <br/>
28     <input type="checkbox" name="a"/>橘子 <br/>
29     <input type="checkbox" name="a"/>馒头 <br/>
30     <input type="checkbox" name="a"/>锅贴 <br/>
31 </body>

转载于:https://www.cnblogs.com/he1229/archive/2012/08/26/2657510.html

weixin_30655219

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox做全选操作

全选，在程序中非常有用，所以使用单选框做了一个简单的全选全选(checkbox) 1 <script type="text/javascript"> 2 function selectAll(dom){ 3 // getElementsByName()方法，根据name标签属性的值获取对象的集合 4 var as = document.g...
复制链接

扫一扫