Đường ray: nút radio đơn giản_form để chuyển (nền tảng zurb)

Question

Tôi đang cố sử dụng phần tử chuyển đổi từ nền tảng Zurb trên nút radio Rails.

tôi có mã này:

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

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

<% end %> 

nào tạo ra một có và không có nút radio.

Tôi hiện đang cố gắng triển khai công tắc nền móng zurb, vì nó trông đẹp hơn.

Zurb Foundation Switch element

Ví dụ mã của một công tắc mặc định:

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

Vấn đề là, nó trông như thế này:

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

Sau đó, tôi nói thêm: , label: false ,:input_html => { :onclick => ' ' } như thuộc tính , để điều chỉnh ví dụ. Nó vẫn sẽ không chuyển sau lần đầu tiên? Bây giờ tôi có onclick="" trên đầu vào, nhưng tôi cần nó trên nhãn.

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

Sẽ không hoạt động.

Bất kỳ ai cũng biết sự cố? Cảm ơn

Answer 1

Tôi khuyên bạn nên sử dụng trình bao bọc tùy chỉnh biểu mẫu đơn giản https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers