2013-06-18 11 views
7

Czy jest możliwe aby użyć bootstrap przycisków radiowych tj:Korzystanie bootstrap z radio_buttons w szynach

<div class="btn-group" data-toggle="buttons-radio"> 
    <button type="button" class="btn btn-primary">someValue</button> 

z form_for w szynach? Jest metoda radio_button:

<%= radio_button("object", "method", "someValue") %> 

, ale nie udało mi się tego zrobić. Nie wiedziałem, czy jest jakiś sposób scalenia tych dwóch elementów, aby nadać przyciskowi startowemu pierwszy fragment kodu. Dzięki, Sam

Odpowiedz

6

można używać tak,

<div class="btn-group" data-toggle="buttons-radio"> 
    <%= f.radio_button :brand, "ABC", :id=>"first", :style=>"display:none;" %> 
    <label for="first" class="btn btn-primary">First</label> 

    <%= f.radio_button :brand, "PQR", :id=>"second", :style=>"display:none;" %> 
    <label for="second" class="btn btn-primary">Second</label> 

    <%= f.radio_button :brand, "MNO", :id=>"third", :style=>"display:none;" %> 
    <label for="third" class="btn btn-primary">Third</label> 
</div> 

tutaj trzeba podać identyfikator Radiobutton i można przypisać etykietę do niego za pomocą dla atrybutu w tagu etykiety. Aby mógł wskazywać odpowiedni przycisk radiowy.

+0

Wielkie dzięki! –

+0

Musisz uwzględnić nazwę NAME, aby prawidłowo kojarzyć przyciski opcji, chyba że czegoś brakuje. Http://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio – brntsllvn

0

Popraw mnie jeśli się mylę, ale jeśli ustawić wartość atrybut etykiety taki sam jak przycisk radiowy params, że to działa w ten sam sposób jak przypisanie identyfikatora dla odpowiedniego przycisku radiowego

<%= f.radio_button :brand, "MNO", :style=>"display:none;" %> 
<%= f.label :brand, "Third", value => "MNO", class="btn btn-primary" %> 
Powiązane problemy