首页 > Web开发 > 详细

html checkbox 全选与反选

时间:2015-06-09 21:43:42      阅读:208      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!