jquery - 如何将不确定复选框点击到 'checked' 状态

Question

我尝试遵循此线程，该线程建议解决 check indeterminate states .

我正在使用 ASP.NET，似乎单击处于不确定状态的复选框将取消选中它，并且不会触发任何事件(底层复选框实际上是“未选中”)。当我单击处于不确定状态的复选框时，我正在考虑让 Javascript 为我检查它(更喜欢这种方式的逻辑，这应该会触发我的 ASP.NET 事件)。

$(document).ready(function () {
    $(".UndefinedCheckboxState :checkbox").prop("indeterminate", true);

    $(":checkbox").click(function () {
        if ($(this).prop("indeterminate")) {
            $(this).prop("indeterminate", false);
            $(this).prop("checked", true);
        }
    });
});

更新:点击事件工作正常，但if中的条件永远不会为真!不过，我一直在不确定状态下单击复选框...

Answer 1

事实证明，如果单击的复选框具有不确定状态，则通过单击事件中的第一条指令，该属性已经消失。

我已经更换了我的逻辑来测试尚未消失的东西:

<script type="text/javascript">
    $(document).ready(function() {
        $(".UndefinedCheckboxState :checkbox").prop("indeterminate", true);

        $(":checkbox").click(function () {
            if ($(this).closest("span").hasClass("UndefinedCheckboxState")) {
                $(this).prop("indeterminate", false);
                $(this).prop("checked", true);
            }
        });
    });
</script>