Rails mostra i campi quando il pulsante di opzione è selezionato

Question

Sto sviluppando un'applicazione Rails e ho bisogno di mostrare/nascondere un determinato campo quando si fa clic su un pulsante di opzione.

Sto usando javascript ma non riesco a farlo funzionare.

Qualche consiglio su come risolverlo?

Radio codice del pulsante

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

campo che va a mostrare quando il primo pulsante è selezionato

<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

In primo luogo, date il vostro pulsanti di opzione alcuni nomi di classe, quindi puoi usarli con javascript più facilmente.

<%= 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 

Ora si collega un gestore di eventi all'evento di modifica. E alternare la visualizzazione dell'altro elemento, a seconda se il pulsante di opzione è il pulsante "sì".

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