返回页面显示无但得到显示块

Question

我有 2 个单选按钮，一个用于section 1，一个用于section 2，

默认选择的单选按钮是section 1，并显示一些文字，但是当客户端点击section 2时，下面没有文字。那是为了说明我的页面

[*] section 1                 [ ] section 2


- section one text when checked radio button

----------------------------------------------
[ ] section 1                 [*] section 2

// none text here when section two checked



< Button >

当然后点击按钮并选择第 2 部分，并转到另一个页面，然后返回到该部分页面时，section one text when checked radio button 的文本显示认为单选按钮检查section 2

当客户端返回到该页面但section 2 上的检查仍然选中时，如何隐藏该文本（section one text when checked radio button）？

这发生在我的 Rails 应用程序上

Answer 1

您可以根据变量的值向包含文本的跨度添加一个类。例如，您可以这样做：

<span class="<%= hide if @variable =='section 2 value' %>">
  - section one text when checked radio button
</span>

Answer 2

如果我猜你想正确做什么：它是根据单击的单选按钮显示文本。如何将 HTML 拆分为 div 并在 onlick 上显示/隐藏这两个 div 的 id。

当第 1 部分被点击时：

$('#add-doc-modal #show-section1').show();
$('#add-doc-modal #show-section2').hide();

点击第 2 节时：

$('#add-doc-modal #show-section2').show();
$('#add-doc-modal #show-section1').hide();

如果这是你的问题，我的意思是它不是最容易阅读的。

隐藏单选按钮并将选中的设置为 false：

document.getElementById("#id").style.display = "none";
$("#id").prop("checked", false);

显示单选按钮

document.getElementById("#id").style.display = "block";
$("#id").prop("checked", true);