Question

  <asp:DataList runat="server" ID="dl1" OnItemDataBound="cb1">               
                  <ItemTemplate>
                    <div style="display: table;">
                        <div style="display: table-row;">
                            <div style="display: table-cell;">
                                <asp:CheckBox ID="Cb1"                 runat="server"/></div>
                            <div style="display: table-cell;">
                                <asp:CheckBox ID="cb2" runat="server" /></div>                                                       
                        </div>
                    </div>
                </ItemTemplate>
            </asp:DataList>

在这里，我想要一个jquery / javascript，如果我选择cb1，则应自动选择cb2，反之亦然。

我正在尝试这个：但是有人可以帮助我。

<script type="text/javascript">

    var d1Control = document.getElementById('<%= dl1.ClientID %>');
    $('input:checkbox[id$=cb1]', d1Control ).click(function (e) {
        if (this.checked) {
            $('input:checkbox[id$=cb2]', d1Control ).attr('checked', true);
        }
        else {
            $('input:checkbox[id$=cb2]', d1Control ).removeAttr('checked');
        }
    });
</script>

Answer 1

也许这可能会有所帮助？

$('id$=cb1').click(function () {
    if ($(this).is("checked")) {
        $('id$=cb2').attr('checked' true);
    } else {
        $('id$=cb2').attr('checked', false);
    }
});

Answer 2

这是一个＆＃34;全选＆＃34;复选框。如果您选中一个框，则会为您选中所有复选框。

   $('#cb1').click(function () {
            var selectAll = $("#cb1").is(":checked");
            if (selectAll)
            {
                $('input[type=checkbox]').attr("checked", true);
            }
            if (!selectAll)
            {
                $('input[type=checkbox]').attr("checked", false);
            }

        });

如果您希望它仅影响特定复选框（cb2）：

      $('#cb1').click(function () {
            var selectAll = $("#cb1").is(":checked");
            if (selectAll)
            {
                $('id$=cb2').attr("checked", true);
            }
            if (!selectAll)
            {
                $('id$=cb2').attr("checked", false);
            }

        });

单击1复选框选中所有复选框

2 个答案: