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

Posted 2023-05-09

【中文标题】返回页面显示无但得到显示块

【英文标题】：return back page the display none but got display block

【发布时间】：2020-08-06 18:30:23

【问题描述】：

我有 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 应用程序上

【参考方案1】：

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

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

【讨论】：

我在 javascript 文件上做 onCLick 这个，默认是第 1 节，你的意思是什么变量？

如何在视图中添加这些单选按钮？你能添加你使用的 Rails 代码吗？

【参考方案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);

【讨论】：

我正在编辑答案。顺便说一句，真的很难理解你。