0

我想使用Bootstrap复选框。

<div class="btn-group" data-toggle="buttons-checkbox">
  <button type="button" class="btn btn-primary">Left</button>
  <button type="button" class="btn btn-primary">Middle</button>
  <button type="button" class="btn btn-primary">Right</button>
</div>

如何将它集成到Rails应用程序中？

我想以一种形式使用它们。具体来说，如何发送和捕获选定的数据？

更新：

我知道如何在 Rails 中使用复选框。我不明白如何通过 bootstrap 设置他们的风格。

复选框是 -<input type="checkbox">Simple</input>

引导复选框是<button type="button" class="btn btn-primary">Bootstrap</button>

更新 2：

例如，请参阅我关于单选按钮的问题。

4

2 回答 2

4

例如，您可以像这样删除一个项目：

<p>Delete item <%= asset.check_box :_destroy %></p>

或者，如果您使用 simple_form gem，则更容易，例如，如果您的模型中有一个布尔属性，则默认复选框是：

<%= f.input :agreement %>

或者你可以强制这样的复选框：

<%= f.foobar, :as => :check_boxes %>
于 2012-12-19T14:53:40.670 回答
1

考虑使用bootstrap-rails将引导 css 和 javascript 库合并到您的应用程序中。rails bootstrap 有多种风格，但我个人使用这个，因为它是用 SASS 编写的（与 Rails 一起使用比 LESS 更常用）。

您在处理此问题时遇到了一些问题，因为您似乎有三个选项，并且我假设应该选择其中一个（我建议使用select标签）并且您使用的是按钮而不是复选框...但是要集成将复选框添加到您的应用程序中，rails 确实提供了一种方法，a 中的示例form_for如下：

- form_for @something_with_a_postion do |something|     
  = something.label 'Left'
  = something.check_box 'position', 'left', {class: 'whatever_classes_for_bootstrap_needed'}
  = something.label 'Middle'
  = something.check_box 'position', 'middle', {class: 'whatever_classes_for_bootstrap_needed'}
  = something.label 'Right'
  = something.check_box 'position', 'right', {class: 'whatever_classes_for_bootstrap_needed'}

您可以在此处form_for和check_box 此处找到更多信息。

我也请你参考这个问题。同样，这是一个与复选框有关的 RailsCast。

于 2012-12-19T14:52:36.427 回答