码迷,mamicode.com
首页 > Web开发 > 详细

html checkbox 全选与反选

时间:2015-06-09 21:43:43      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

之所以记录这个博客,是因为我完全用jquery,无法实现自己想要的结果(通过一个checkbox的选中或不选中控制其他多个checkbox状态)

 

<input type="checkbox" name="test" />圣诞节    
<input type="checkbox" name="test" />股市
<input type="checkbox" name="test" />阿凡达    
<input type="checkbox" name="test" />十月围城
<input type="checkbox" name="test" />水价上调
<input type="button" value="全选/反选" id="btn" />
var btn = document.getElementById("btn");
var test = document.getElementsByName("test");
btn.onclick = function(){
    for(var i=1; i<=test.length; i+=1){
        if(test[i-1].checked){
            test[i-1].checked = false;
        }else{
            test[i-1].checked = true;
        }
    }
};

 

html checkbox 全选与反选

标签:

原文地址:http://www.cnblogs.com/hujiapeng/p/4564421.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!