我有这个用于单选框的 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。