html checkbox 全选与反选

之所以记录这个博客，是因为我完全用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;
        }
    }
};

 

转载于:https://my.oschina.net/u/2310745/blog/813411