jQuery:单选按钮选择使用“checked”属性确定要显示的div

时间:2012-01-04 15:06:27

标签: php javascript jquery click

我有一个表单,其中包含单选按钮提供的不同选项。我还有一个脚本,显示不同的表格输入不同的div。

这个脚本运行正常,我的问题是我有一个“上一个”链接,用户可以退后一步并编辑已经输入的数据,并且我不能强制使用选中的不同选项属性到单选按钮。它必须被点击,这是有道理的,因为我的脚本使用 .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>


- 梅斯蒂卡

2 个答案:

答案 0 :(得分:1)

您可以向页面加载添加一些代码,以触发所有已检查无线电的“点击”。例如:

$(function() {

// .. bind your click events here

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

});

答案 1 :(得分:1)

在文档结束时,添加$("input[name~='step2_']:checked").click()。这将触发已经检查过的单选按钮的click事件,有效地显示div。