2013-06-18 4 views
7

Можно ли использовать бутстраповскую радиокнопку:Использование начальной загрузки с radio_buttons в рельсах

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

с form_for в рельсах? Существует метод radio_button:

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

, но я не смог его стилизовать. Я не знал, есть ли что-то, чтобы объединить эти два, чтобы дать радиокнопке начало начальной загрузки первого фрагмента. Спасибо, Сэм

ответ

6

вы можете использовать, как это,

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

здесь вам необходимо предоставить идентификатор для RadioButton и может присвоить метку к нему с помощью для атрибута в маркирующие. Чтобы он мог указать соответствующий переключатель.

+0

Спасибо большое! –

+0

Нужно включить NAME, чтобы правильно связать переключатели, если у меня не хватает чего-то http://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio – brntsllvn

0

Поправьте меня, если я ошибаюсь, но если вы установите значение атрибута метки так же, как радио-кнопка Params, он будет работать так же, как присвоение идентификатора для соответствующей кнопки радио

<%= f.radio_button :brand, "MNO", :style=>"display:none;" %> 
<%= f.label :brand, "Third", value => "MNO", class="btn btn-primary" %> 
Смежные вопросы