0

チェックボックス「すべてをチェック」を配置すると、コードは最初にすべてチェックされ、すべてチェックされていない状態でのみ機能します。その後、チェックボックスのどれも「すべてをチェック」のチェックボックスの属性に従いません

<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>
4

1 に答える 1

1

これを試して、これが機能するかどうかを確認してください。 

   $('#chkAll').change(function () {
            $('#divChk input:checkbox').prop('checked',this.checked);
    });
于 2013-05-13T03:06:35.067 に答える