jQuery checkbox全选 和全部取消

时间:2023-02-05 17:58:21

1.chkAll选中,全部chk选中  ,chkAll取消选中,全部chk取消选中 

//chkAll选中,全部chk选中  ,chkAll取消选中,全部chk取消选中 

$(
"#chkAll").click(function () {

$(
".chk").prop("checked", $(this).prop("checked"))

})

 2.chk全部选中时,“全选选中”

//chk全部选中时,“全选选中”

$(
".chk").click(function () {

var flag = true;

var chk = $(".chk")

for (var i = 0; i < chk.length; i++) {

if ($(chk[i]).is(':checked') == false) {

flag
= false

break

}

}

if (flag == true)

$(
"#chkAll").prop("checked", "checked")

else

$(
"#chkAll").removeProp("checked")

})

 

 

       

3.删除

 //删除
$("#delete").click(function() {
if (!confirm("确定要删除吗")) {
return false;
}
var items = ''
$(
".cb").each(function() {
if ($(this).is(':checked') == true) {
items
+= $(this).val() + ","
}
})
//去除最后一个逗号
items = items.substring(0, items.length - 1);
if (items != '') {
$.post(
"CN061_GemStoneDelete.ashx", { items: items }, function(result) {
if (result == 'ok') {
//删除成功,刷新
window.location.reload();
}
});
}
else {
alert(
'请选择要删除的项');
}
})