jquery - 确定是否在页面加载时使用 jquery 选中复选框

Question

我对 jQuery 还很陌生，所以如果第一轮没有意义，请原谅我。

我有一组复选框(允许、不允许、可协商)，如果您选中允许或可协商，它会通过 onclick 事件取消隐藏另一组复选框。

我遇到的问题是，刷新页面时，如果选中允许或可协商，我希望第二组复选框可见。我希望这在页面加载时完成，而不是通过任何点击或更改事件(如果可能)。

我尝试过针对其他问题的各种建议，但没有成功。例如: if ($("#id_pets_0").attr("checked")==true)

这可能吗？

如果有人有任何替代方案，我也愿意。

更新:这也是我一直在尝试的。

$(function() {
   if ($("#id_pets_0").attr("checked")==true) {
        $("#dogs").show();
        $("#cats").show();
    }
    else {
        $("#dogs").hide();
        $("#cats").hide();
    }
});

更新:这段代码确实有效。所以我知道它至少会检查点击事件的复选框。

$(function() {
    $('input#id_pets_0').click(function() {
    if ($(this).attr("checked")) {
        $("#id_pets_1").attr("checked", false);
        $("#dogs").show("slow");
        $("#cats").show("slow");
        return;
    }
    if ($("#id_pets_2").attr("checked")) {
        $("#dogs").show("slow");
        $("#cats").show("slow");
    }
    else {
        $("#id_dogs_0").attr("checked", false);
        $("#id_dogs_2").attr("checked", false);
        $("#id_cats_0").attr("checked", false);
        $("#id_cats_2").attr("checked", false);
        $("#dogs").hide("slow");
        $("#cats").hide("slow");
    }
});
});

Answer 1

除非您将所有脚本放在 HTML 之后，否则您需要连接到 document 的 ready() 事件。

此外，您还需要使用 :checked 选择器来确定复选框是否被选中。

这应该有效:

$(document).ready(function () {
        if ($('#id_pets_0 :checked')) {
            alert('Hello');
        }
    });

了解有关 :checked 选择器的更多信息:http://api.jquery.com/checked-selector/