Rails: simple_form Radiobuttons zum wechseln (zurb foundation)

Question

Ich versuche das Switch-Element von Zurb foundation auf Rails Radio Buttons zu verwenden.

Ich habe diesen Code:

<%= simple_form_for @mymodel .... |f| %> 

<%= f.input :active, as: :radio_buttons %> 

<% end %> 

, die eine ja und keine Taste Radio erzeugt.

Ich versuche jetzt, den Zurb-Foundation-Switch zu implementieren, da es schöner aussieht.

Zurb Foundation Switch element

Beispielcode eines Standardschalter:

<div class="switch"> 
    <input id="x" name="switch-x" type="radio" checked> 
    <label for="x" onclick="">Off</label> 

    <input id="x1" name="switch-x" type="radio"> 
    <label for="x1" onclick="">On</label> 

    <span></span> 
</div> 

Das Problem ist, sieht es wie folgt aus:

<div class="switch"> 
    <div class="input radio_buttons optional mymodel_active"> 
    <label class="radio_buttons optional">active</label> 
    <span class="radio"> 
    <input class="radio_buttons optional" id="mymodel_active_true" name="mymodel[active]" type="radio" value="true"> 
    <label class="collection_radio_buttons" for="mymodel_active_true">Yes</label> 
    </span> 
    <span class="radio"> 
    <input checked="checked" class="radio_buttons optional" id="mymodel_active_false" name="mymodel[active]" type="radio" value="false"> 
    <label class="collection_radio_buttons" for="mymodel_active_false">No</label> 
    </span> 
    </div> 
    <span></span> 
</div> 

Dann fügte ich: , label: false ,:input_html => { :onclick => ' ' } als Attribut , um sich an das Beispiel anzupassen. Es wird immer noch nicht nach dem ersten Mal wechseln? Ich habe jetzt onclick="" am Eingang, aber ich brauche es auf dem Etikett.

<%= f.label :active , input_html: { :onclick => ' ' } %> 

Funktioniert nicht.

Wer kennt das Problem? Dank

Answer 1

Ich schlage vor, Sie einfache Form benutzerdefinierte Wrapper verwenden https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers