jQuery checkbox全选 和全部取消
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", true) else $("#chkAll").prop("checked", false) })
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('请选择要删除的项'); } })