1

谁能帮我这个？

我有两个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>

即使选中一个孩子，如果我们选中主复选框，都需要选中。我发布的代码只是反转检查。

4

3 回答 3

1

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

选择和取消选择

$(".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);
});
于 2015-04-17T10:11:57.927 回答
-1

尝试这个 -

$('input[name=allCheck]').click(function(){
   $("INPUT[name='outCheck']").prop('checked', this.checked);
});

outCheck这将在单击 时切换所有具有名称的复选框allCheck。

看演示

更新

在此处查看更新的演示

这按预期工作。如果手动选中所有复选框，则主复选框也会更改，反之亦然，如果未选中一个子复选框，则主复选框也未选中。

于 2013-05-04T07:36:59.857 回答
-1

尝试这个：

var $ch = $("input[name='outCheck']").change(function() {
    $all.prop('checked', $ch.filter(':checked').length == $ch.length);
}),
$all = $('input[name=allCheck]').click(function () {
    $ch.prop('checked', this.checked);
});

http://jsfiddle.net/wKgZV/1/

这将根据选中的复选框自动选择和取消选择主复选框outcheck。

于 2013-05-04T07:58:31.167 回答