레일 : simple_form 라디오 버튼을 전환하려면 (zurb foundation)

Question

레일스 라디오 버튼에 대한 Zurb 파운데이션의 스위치 요소를 사용하려고합니다.

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

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

<% end %> 

예 및 없는 라디오 버튼을 생성합니다

나는이 코드를 가지고있다.

이제 더 멋지 기 때문에 zurb foundation 스위치를 구현하려고합니다. 기본 스위치의

Zurb Foundation Switch element

예제 코드 :

문제가

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

, 그것은 다음과 같습니다

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

다음

내가 추가 : , label: false ,:input_html => { :onclick => ' ' } 속성으로 , 예제에 맞게. 처음으로 스위치를 켤 수 없습니까? 이제 입력에 onclick=""이 있지만 라벨에 필요합니다.

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

작동하지 않습니다.

누구든지이 문제를 알고 계십니까? 감사합니다

Answer 1

나는 당신이 당신이 이제까지이 문제를 해결하기위한 방안을 찾으셨습니까 간단한 형태의 사용자 정의 래퍼 https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers