点击勾选全选:所有都勾上;点击去除勾选,所有都勾掉。
有一个没有被选中,全选框不要被勾上,所有的都被勾上,全选必须要勾上。
jquery实现思路:
$(function() {
$("#all_check").change(function () {
if (this.checked) {
$("[name='userId']").attr("checked", $("#all_check").attr("checked"));
} else {
$("[name='userId']").removeAttr("checked");
}
});
//有一个不选上则全不选
$('input[type="checkbox"][name="userId"]').click(function () {
var ckall = true;
$('input[type="checkbox"][name="userId"]').each(function (){
if (!this.checked){
ckall = false;
//直接退出循环,不在进行each循环
return false;
}});
$('input[type="checkbox"][name="all_check"]').attr('checked', ckall);
});
});