Question

是否可以使用引导单选按钮，即：

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

在rails中使用form_for？有一个radio_button方法：

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

，但我无法设计它。我不知道是否有一些合并两个给单选按钮的第一个片段的引导外观。谢谢，萨姆

Answer 1

你可以这样使用，

<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提供id，并且可以通过在label标签中使用 for 属性为其分配标签。这样它就可以指示相应的单选按钮。

Answer 2

如果我错了，请纠正我但是如果你设置标签的 value 属性与单选按钮params相同，它的工作方式与为相应的单选按钮分配id的方式相同

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

在rails中使用bootstrap和radio_buttons

2 个答案: