js全选checkbox框

​​js全选checkbox框​​

html：

<input  type="checkbox" id="checkbox1" value="1" οnclick="check1()"/>

<input type="checkbox" name="checkbox1" value="${article.id}"/>

<input type="checkbox" name="checkbox1" value="${article.id}"/>

js：

function check1(){
            var store1=document.getElementById('checkbox1');
            store1.value==1?store1.value=2:store1.value=1;
            var store1_checkbox=document.getElementsByName('checkbox1');
            for(var i=0;i<store1_checkbox.length;i++){
                if(store1.value==1){
                    store1_checkbox[i].checked=true;
                }
                else{
                    store1_checkbox[i].checked=false;
                }
            }

}
   第二种方法

/*全选反选*/

<div class="nav nav-tabs " id="left_nav">

　　<h1><input type="checkbox" name="carchecked" id="carchecked" />车辆缴费</h1>

　　<ul>

　　　　<li><input type="checkbox" name="carchecked"/>grw</li>

　　　　<li><input type="checkbox" name="carchecked"/>few </li>

　　　　<li><input type="checkbox" name="carchecked"/>greg</li>

　　　　<li><input type="checkbox" name="carchecked"/>fgwe</li>

　　</ul>　　

　　<h1><input type="checkbox" name="reportchecked" id="reportchecked" />报表查询</h1>

　　<ul>

　　　　<li><input type="checkbox" name="reportchecked" />grw</li>

　　　　<li><input type="checkbox" name="reportchecked" />few </li>

　　　　<li><input type="checkbox" name="reportchecked" />greg</li>

　　　　<li><input type="checkbox" name="reportchecked" />fgwe</li>

　　</ul>

</div>

$("#carchecked").change(function() {

$('input[name="carchecked"]').prop("checked",this.checked);

});

$("#reportchecked").change(function() {

$('input[name="reportchecked"]').prop("checked",this.checked);

});