jQuery JS全选全不选

最新推荐文章于 2023-04-15 15:13:09 发布

刘欣

最新推荐文章于 2023-04-15 15:13:09 发布

阅读量143

点赞数 1

分类专栏： js 文章标签： jQuery js 全选全不选

本文链接：https://blog.youkuaiyun.com/qq_35311094/article/details/89330731

版权

js 专栏收录该内容

3 篇文章

订阅专栏

jQuery全选全不选

$(function() {
    $('.input').click(function() {
        if (this.checked) {
            $(this).parents('div.row1').find("input[name='checkbox']").prop("checked", "true");
        } else {
            $(this).parents('div.row1').find("input[name='checkbox']").prop("checked", false);
        }
    });
    $("input[name='checkbox']").click(function() {
        var selectedLength = $(this).parents('div.form-inline').find("input[name='checkbox']:checked").length;
        var allLength = $(this).parents('div.form-inline').children().length;
        if (selectedLength == allLength) {
            $(this).closest('div.row1').find('input').prop("checked", true);
        } else {
            $(this).closest('div.row1').find('.input').prop("checked", false);
        }
    })
});

JS全选全不选

function checkAll(selectAllBoxId, childBoxsId) {
    var selectall = document.getElementById(selectAllBoxId);
    var allbox = document.getElementsByName(childBoxsId);
    if (selectall.checked) {
        for ( var i = 0; i < allbox.length; i++) {
            allbox[i].checked = true;
        }
    } else {
        for ( var i = 0; i < allbox.length; i++) {
            allbox[i].checked = false;
        }
    }
}