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);
});