0

我有这个用于单选框的 jquery 片段,我说如果单击了属于此类且具有此 ID 的单选框,则显示此隐藏的 div。问题是,当您刷新页面时,仍然单击单选框但隐藏的 div 不显示。它仅显示我是否单击不同的单选框,然后单击返回到单击的原始单选框。

这是我正在使用的 javascript:

$(function(){     
    $('.display').click(function(){
        if ($(this).attr("id") == "rows"){
            $('.section').show();
        } else {
            $('.section').hide();
        }
    });
});

以下是我从中获取这段 javascript 的示例,向您展示了一个工作示例。工作示例

现在,如果这是一个表单,并且您单击了 offer 2,然后保存了表单并返回到页面,那么隐藏的 div 将不会显示。只要始终单击该单选框,我如何让它显示 div?

注意:示例使用jquery 1.5.1,我使用的是最新版本的jquery。

应该注意的是,如何保存单选框并不重要,单选框用户选择被保存,因此在页面刷新时,用户选择的单选框仍然“选中”。然后应该显示隐藏的 div - 但从来没有。

仅当我选择不同的单选框然后返回到最初选择的单选框时才会显示。请参阅上面的工作示例以了解当您选择单选框时隐藏的 div 是如何显示的。

如果选择了单选框,我希望始终显示此 div。

4

1 回答 1

0
$(function(){     

    // your function
    $('.display').click(function(){
        if ($(this).attr("id") === "rows"){
            $('.section').show();
        } else {
            $('.section').hide();
        }
    });

    // initial check
    if ($('input:radio:checked').attr('id') === "rows") {
        $('.section').show();
    }

});

如果页面上有一组以上的单选按钮,则需要向 jQuery 选择器添加一个标识符。您可以像这样使用输入字段的名称:

$('input[name=myradiobutton]:radio:checked')
于 2013-01-06T18:26:03.913 回答