所有复选框都需要与主复选框一起选中和取消选中

谁能帮我这个？

我有两个divs。合而为一div，我有一个名为的复选框allcheck，而在另一个其他div，我有带有名称的复选框outcheck。如果我检查multiple，都需要勾选，如果我取消勾选multiple，所有内容都应该取消选中。输入无线电属于allcheck.

$('.inputradio').click(function(){

    $("INPUT[name='outCheck']").each(function () {
        if (allCheck.checkbox== true) {//multi check is checked
            this.checked = true;
        } else {
            this.checked = false;
        }
    });
});

HTML

这是div主复选框

<div id="actions"><div id="box">
<ul><li class="inputradio"><input name="allCheck" type="checkbox" ></li>
<li class="multiple"><a href="#" class="bt btleft">Multiple</a></li>

这是针对子复选框的：

<ul><li id="outcheckbox"><input name="outCheck" type="checkbox"></li>

即使选中了一个子项，如果我们选中主复选框，则所有子项都需要被选中。我发布的代码只是反转支票。

此代码实现选择和取消选择所有复选框的功能

选择和取消选择

$(".select-all-checkbox").click(function () {
       $('input:checkbox').prop('checked', this.checked);
   });

如果取消选择一项，则按钮 CheckAll 为 UnCheck

$(".mainCheckboxClass")
        .click(
                function() {
                    if ($('input[class=mainCheckboxClass]:checked').length === $('input[class=mainCheckboxClass]').length)
                        $('.select-all-checkbox').prop("checked", true);
                    else
                        $('.select-all-checkbox').prop("checked", false);
});