我想使用引导复选框答案

【问题标题】：I want to use bootstrap checkboxes我想使用引导复选框
【发布时间】：2012-12-06 22:43:21
【问题描述】：

我想使用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 中使用复选框。我不明白我怎么set their style via bootstrap。

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

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

更新 2：

例如，请参阅my question 关于单选按钮。

【问题讨论】：

查看代码示例，您可以像我展示的那样包含类以实现所需的样式。

标签： ruby-on-rails ruby-on-rails-3 twitter-bootstrap

【解决方案1】：

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

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

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

<%= f.input :agreement %>

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

<%= f.foobar, :as => :check_boxes %>

【讨论】：

【解决方案2】：

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

您在处理此问题时遇到了一些问题，因为您似乎有三个选项，我认为应该只选择其中一个（我建议使用select 标签）并且您使用的是按钮而不是复选框...但是要将复选框集成到您的应用程序中，rails 确实提供了一种方法，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 here 上找到更多信息。

我也推荐你this question。同样，here 是与复选框有关的 RailsCast。

【讨论】：