javascript - 手动检查复选框并使用 jquery 触发

Question

我有一些代码：

$(document).ready(function(){
    $("#a").click(function(){
        $("#b").trigger("click");
    });

    $("#b").click(function(){
        alert($("#b").prop("checked"));
    });
});

这是HTML代码：

<form>
    <input type="checkbox" id="a"></input>
    <input type="checkbox" id="b"></input>
</form>

如果手动单击“b”复选框，它将显示“true”，但如果选中“a”，它将显示“false”，然后将 b 的属性检查更改为 true。

谁能告诉我如何检查 b 的当前道具。我必须从 a 和本身触发事件检查 b，但是当这样做时，我无法检查 b 是否被检查

Answer 1

$(document).ready(function() {
    $("#a").click(function() {
        $("#b").prop("checked", true);
    });
});

Answer 2

只需使用 setTimeout。它给 b 足够的时间在显示警报之前进行检查：

        $(document).ready(function(){
            $("#a").click(function(){
                $("#b").click();
            });

            $("#b").click(function(){
                setTimeout('alert($("#b").prop("checked"));',0);
            });
        });

Answer 3

是的，这比我想象的要容易。只需将 Click 事件更改为 Change 事件，在 Change 之前单击触发，因此在 Change 事件中我可以获得新值而不能在 Click 事件中