前端:CheckBox事件函数js

//tbody中多选按钮事件
$("#list-table tbody").on("click", "input[type='checkbox']", function() {
    var allChecked = true;
    $(this).parents("tbody").find("input").each(function() {
        if (!$(this).prop("checked")) {
            allChecked = false;
        }
    });
    $("#checkall").prop("checked", allChecked);
    if (allChecked) {
        $("#checkall").parent("span").prop("class", "checked");
    } else {
        $("#checkall").parent("span").prop("class", "");
    }
});

// thead中全选按钮事件---全选反选
$('#checkall').click( function() {
    if ($(this).prop('checked')) {
        $(this).parents('thead').siblings('tbody').find('input').each(
                function() {
                    $(this).prop('checked', false);
                    $(this).click();
                });
    } else {
        $(this).parents('thead').siblings('tbody').find('input').each(
                function() {
                    $(this).prop('checked', true);
                    $(this).click();
                });
    }
});
posted @ 2019-01-11 10:41  xuejianbest  阅读(2728)  评论(0编辑  收藏  举报