Question

我放了一个复选框'全部检查'，我的代码只能首先检查所有检查并且全部取消检查。之后，没有任何复选框遵循“全部检查”复选框的属性

<script type="text/javascript">
    $(function () {  
        $('#chkAll').click(function () {
            $('#divChk .chk input:checkbox').attr('checked', function () {
                return $('#chkAll').prop('checked');
            });
        });
    });
</script>


<body>
    <form id="form1" runat="server">
        <div class="bigDiv">
            <asp:CheckBox ID="chkAll" runat="server" Text="Check All" /><br />
            <div id="divChk">
                <asp:CheckBox ID="CheckBox1" runat="server" Text="1" CssClass="chk" /><br />
                <asp:CheckBox ID="CheckBox2" runat="server" Text="2" CssClass="chk" /><br />
                <asp:CheckBox ID="CheckBox3" runat="server" Text="3" CssClass="chk" /><br />
                <asp:CheckBox ID="CheckBox4" runat="server" Text="4" CssClass="chk" /><br />
            </div>
        </div>
    </form>
</body>

Answer 1

试试这个，看看是否有效。

   $('#chkAll').change(function () {
            $('#divChk input:checkbox').prop('checked',this.checked);
    });

CheckBox All仅适用于前两次

1 个答案: