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);
}
}
checkbox 选中 全选 反选
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。