选中单选按钮时,Rails显示字段

Question

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

我正在使用javascript,但我似乎无法让它工作.

有关如何解决的任何提示？

单选按钮代码

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

选中第一个按钮时将显示的字段

<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

首先,给你的单选按钮一些类名,这样你就可以更容易地使用javascript.

<%= 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"));
});