html：
<input type="checkbox" id="checkbox1" value="1" onclick="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);
});