javascript - 使用来自字段的值在页面加载时运行 jQuery

Question

我通过将值从一个页面传递到另一个页面，然后将它们放入下一页的隐藏字段中。我试过使用初始值，但这也不起作用，所以我的假设是它与 jquery 不检查初始值有关。这是我要运行的:

function check() {
    var Q1 = $("#question1").val();
    if (Q1 == 'yes') {
        $(".A1").css("display", "block");
    } else { 
        $(".A1").css("display", "none"); 
    }

#question1 是从上一页填充的字段的 ID，但是如何让检查函数在页面加载后运行？我试过添加:

<script type="text/javascript">
    check();
</script>

到页面底部没有成功，目前唯一的方法是点击一个应用了这个的按钮:

$(".theanswer").click(function() {
    check();
    return false;
});

我确定可能有一种我不知道的简单方法，因此非常感谢您的帮助。

干杯

Answer 1

您的 check() 函数使用 jQuery 检索元素。因此，您需要在加载 DOM 后运行该函数。为此，请将对 check() 的调用置于 DOM 就绪事件处理程序中:

<script type="text/javascript">
    $(function() {
        check();  
    });
</script>

此外，您还可以简化 check() 函数:

function check() {
    $('.A1').css('display', $('#question1').val() == 'yes' ? 'block' : 'none');
}