// 实现全选功能
$("#summaryBox").click(function() {
// 查看当前全选是否被选中
var status = this.checked;
// 根据status来设置其他多选框的状态
$(".itemBox").prop("checked", status);
});
// 当本页所有用户被选中时,全选会自动选中
$("#rolePageBody").on("click", ".itemBox", function() {
// 获取被选中的元素的数量
var checkedCount = $(".itemBox:checked").length;
// 获取总的元素数量
var totalCount = $(".itemBox").length;
// 根据两者比较来设置全选框的状态
$("#summaryBox").prop("checked", checkedCount == totalCount);
});
jQuery实现checkbox全选功能
最新推荐文章于 2023-05-24 12:38:44 发布