當單選按鈕被選中時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")); 
});