2012-01-04 93 views
1

我有由单选按钮提供不同选项的形式。我也有一个脚本,用不同的表单输入显示不同的div。jQuery的:其中div来显示单选按钮选择determens,与“选中”属性

这个脚本工作正常,我的问题是,我有一个“上一页”链接,用户可以在走一步和编辑已输入的数据,而且我不能强迫不同的选择与检查属性单选按钮。它必须点击,这是有道理的,因为我的脚本使用.click事件。

但我怎么能这样说:“If $_SESSION[‘unemployed’] == ‘yes’ then echo ‘checked’”,它显示了正确的选择。

我希望我正确解释自己,否则下跌免费问。
请查看代码住在这里http://jsfiddle.net/GEFMX/1/,我的问题是,如果一个或多个或复选框默认为“选中”。

的JavaScript我使用看起来像这样:

<script type="text/javascript"> 
$(function() { 
    $("input[name$='step2_student']").click(function() { 
     var diffoptions = $(this).val(); 

     $("div.studerende_janej").hide(); 
     $("#studerende" + diffoptions).show(); 
    }); 

    $("input[name$='step2_otheredu']").click(function() { 
     var diffoptions = $(this).val(); 

     $("div.othereducation_janej").hide(); 
    $("#othereducation" + diffoptions).show(); 
    }); 

    $("input[name$='step2_haveeducation']").click(function() { 
     var diffoptions = $(this).val(); 

     $("div.haveeducation_janej").hide(); 
     $("#haveeducation" + diffoptions).show(); 
    }); 
}); 
</script> 

真诚
- Mestika

+0

一两件事,我想不是,你可以添加一个文件准备函数内部所有的句柄。我已经编辑了你的代码块,向你展示 – thomaux 2012-01-04 15:12:28

+0

@Anzeo你不应该改变那么多OP代码。如果您认为这是正确的,请作出回答。 – Neal 2012-01-04 15:16:08

+0

如果我正确地理解了你的问题,即使在浏览器中来回访问,你仍想保持单选按钮选择。你可以尝试的是将每个收音机的选中状态保存在一个cookie中,并在加载页面时处理该cookie。 – techfoobar 2012-01-04 15:18:41

回答

1

您可以添加一些代码到您的网页加载触发“喀嗒”对于那些所有无线电设备检查。即类似的:

$(function() { 

// .. bind your click events here 

$('input[type="radio"]').each(function() { 
    if($(this).prop('checked')) $(this).click(); // trigger 'click' if checked 
}); 

}); 
1

在文档准备就绪后,添加$("input[name~='step2_']:checked").click()。这将触发已经检查过的单选按钮的点击事件,从而有效地显示div。