当单选按钮被选中时Rails显示字段

Question

我正在开发一个Rails应用程序，当单击单选按钮时我需要显示/隐藏某个字段。

我使用JavaScript，但我似乎无法得到它的工作。

关于如何解决这个问题的任何提示？

单选按钮的代码是怎么回事，当第一按钮被选中

<div id="esatu" style="display:none"> 
<p> 
    <label for="relat_tipus_atu"> 
    Tipus ATU 
    </label> 
    <%= select_tag :tipus_id, "<option value=''></option>".html_safe + options_from_collection_for_select(@tipus, :id, :codi) %> 
</p> 

Answer 1

首先显示

<%= radio_button 'relat', 'atu', 'yes' %> ATU 
<%= radio_button 'relat', 'atu', 'no' %> No ATU 

场，给你的单选按钮一些类名，所以你可以更轻松地使用它们。

<%= radio_button 'relat', 'atu', 'yes', {:class => "relat__atu relat__atu_yes"} %> ATU 
<%= radio_button 'relat', 'atu', 'no', {:class => "relat__atu relat__atu_no"} %> No ATU 

现在您将一个事件处理程序附加到change事件。并切换你的其他元素的显示，取决于单选按钮是“是”按钮。

$(".relat__atu").on("change", function(){ 
    $("#esatu").toggle($(this).hasClass("relat__atu_yes")); 
});