多选框的全选

  389   4  查看评论 (3)
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.11.3

实现1-6选择完成后,全选框自动勾上,取消其中之一,全选自动取消,以及单击全选,1-6全部勾选与不勾选的实现,新人多多关照

讨论这个项目(3)回答他人问题或分享使用方法奖励jQ币

    正在读取昵称,请稍等...0
    2017/11/13 17:10:20
    var flag = true;
    $("[name='cb']").each(function() {
        if ($(this).is(":checked") == false) {
            flag = false;
        }
    });
    if (flag) {
        $("#allCheckBox").prop("checked", true);
    } else {
        $("#allCheckBox").prop("checked", false);
    }
    });
    回复
    正在读取昵称,请稍等...0
    2017/11/13 17:07:11

    你这个不能只是限制6个才全选

    回复
    浅浅请0
    2017/11/13 13:31:15
    $(function() {
        $("#all").click(function() {
            if ($("#all").prop("checked") == true) {
                $("input[name='ck']").prop("checked", true);
            } else {
                $("input[name='ck']").prop("checked", false);
            }
        })
        $("input[name='ck']").click(function() {
            if ($("input[name='ck']:checked").length == 6) {
                $("#all").prop("checked", true);
            } else {
                $("#all").prop("checked", false);
            }
        })
    })
    回复
取消回复
    PROMULGATOR

    空 白

    四川省遂宁市