如何保持隐藏的div显示？

Question

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

这是我正在使用的 javascript：

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

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

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

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

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

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

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

Answer 1

$(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')