html
<input type="checkbox" name="selectbody" value=" 1" onclick="selectThis(this)" />
<input type="checkbox" name="selectbody" value=" 2" onclick="selectThis(this)" />
<input type="checkbox" name="selectbody" value=" 3" onclick="selectThis(this)" />
<input type="checkbox" id="selectAll" name="selectAll" />
jquery
//全选 反选
$("#selectAll").click(function () {
if ($("#selectAll").is(":checked")) {
$("[name='selectbody']").prop("checked", true);
} else {
$("[name='selectbody']").prop("checked", false);
}
})
//单选是全选或反选
function selectThis(obj) {
var flag = false;
if (!$(obj).is(":checked")) {
flag = false;
} else {
flag = true;
$("input[name='selectbody']").each(function () {
if (!$(this).is(":checked")) {
flag = false;
}
})
}
if (flag) {
$("#selectAll").prop("checked", true);
} else {
$("#selectAll").prop("checked", false);
}
}
网友评论