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后运行该函数。为此，请将调用放在DOM就绪事件处理程序中的check()：

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

此外，您可以简化check()功能：

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

Answer 2

在document.ready中调整检查函数的调用。

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

</script>

Answer 3

只需创建一个js文件并将其链接到您的html页面

JS档案

$(document).ready(function(){
check();
});

function check() 
{
    var Q1 = $("#question1").val();

    if (Q1 == 'yes') 
    {        
        $(".A1").css("display", "block");
    } 
    else 
    { 
        $(".A1").css("display", "none"); 
    }
}

Html链接

<script type="text/javascript" language="javascript" src="yourjsfilename.js"></script>

使用字段中的值在页面加载上运行jQuery

3 个答案: