4

すべてのチェックボックスを選択しようとしていますが、選択を解除して再度選択すると、ボックスが選択されなくなります。それは初めて動作しますが。

これは私のコードです:

HTML:

<div id="Everything">
    <input type="checkbox" id="all" />Select All
    <br />
    <br />
    <div id="selectThese">
        <input type="checkbox" id="First" />First
        <br />
        <input type="checkbox" id="Second" />Second
        <br />
    </div>
</div>

JS:

$(function () {
    $("#Everything").on("click", "#all", function () {
        var carStatus = $("#all").is(':checked');
        if (carStatus == true) {
            $("#selectThese input").attr("checked", "checked");
        } else {
            $("#selectThese input").removeAttr("checked");
        }
    });
});

Jsfiddle リンク: http://jsfiddle.net/Epsju/1/

4

3 に答える 3

5

そのために使用する必要があります。prop()要素をチェックおよびチェック解除するブール値を受け入れるため、変数を直接使用するか、変数を捨てて次を使用できますthis.checked。

$(function () {
    $("#Everything").on("change", "#all", function () {
        $("#selectThese input").prop("checked", this.checked);
    });
});

フィドル

于 2013-05-05T01:16:19.900 に答える