HTML部分代码
<input type="checkbox" name="selectAll">
<input type="checkbox" name="rmReq" value="1">
<input type="checkbox" name="rmReq" value="2">
<input type="checkbox" name="rmReq" value="3">
<input type="checkbox" name="rmReq" value="4">
JS部分,需要引入JQuery
$(function () {
$('input[name="selectAll"]').on("click",function(){
if($(this).is(':checked')){
$('input[name="rmReq"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="rmReq"]').each(function(){
$(this).prop("checked",false);
});
}
});
$('input[name="rmReq"]').on("click",function(){
if($(this).is(':checked')){
if($("input[name='rmReq']:checked").length==$("input[name='rmReq']").length){
$('input[name="selectAll"]').prop("checked",true);
}
}else{
$('input[name="selectAll"]').prop("checked",false);
}
});
});