jquery attr()方法获取标签的 checked 会有问题,所以用了 prop() 方法。
Hml的checkBox没有加name,只用了 div 嵌套。
如有更好的方法,望指点!!
Box').children(':checkBox').prop('checked',$(this).is(':checked')?true:false);
});
Box').children(':checkBox').each(function(){
$(this).prop('checked',$(this).is(':checked')?false:true);
});
}
});
全选,.not(':checked').length 也可以。
$('#Box').children(':checkBox').prop('checked',true);
}else{ // 如果有选中个数,-> 反选
$('#Box').children(':checkBox').each(function(){
$(this).prop('checked',$(this).is(':checked')?false:true);
});
}else{
$('#Box').children(':checkBox').prop('checked',false); // 如控制键取消选中,剩余的checkBox也取消选中
}
});
<div id="Box">
<input type="checkBox" value="1">西瓜
<input type="checkBox" value="2">芒果
<input type="checkBox" value="3">橙
<input type="checkBox" value="4">山竹
<input type="checkBox" value="5">草莓
<input type="checkBox" value="6">火龙果
<input type="checkBox" value="1">西瓜
<input type="checkBox" value="2">芒果
<input type="checkBox" value="3">橙
<input type="checkBox" value="4">山竹
<input type="checkBox" value="5">草莓
<input type="checkBox" value="6">火龙果
<input type="checkBox" id="allChecked">全选
<input type="checkBox" id="invertChecked">反选
<input type="checkBox" id="orChecked">全选/反选/全不选