带有 Twitter Bootstrap for Rails 表单标签的复选框答案

【问题标题】：Checkbox with Twitter Bootstrap for Rails Form Tag带有 Twitter Bootstrap for Rails 表单标签的复选框
【发布时间】：2015-11-12 06:56:19
【问题描述】：

我有一个使用 form_tag 的 rails 表单。如何使用 twitter bootstrap 的样式添加复选框，以及如何使用该值？它是作为参数传入的吗？

我的表格是这样的：

<%= form_tag({action: :import}, multipart: true, class: "form-inline") do %>
  <%= label_tag(:uploaded_file, "Stuff to upload:") %>
  <%= file_field_tag(:uploaded_file, class: "input-file") %>
  <%= submit_tag("Upload", class: "btn btn-primary" %>
  <%= button_tag("Cancel", type: 'reset', class: "") %>
<% end %>

【问题讨论】：

guides.rubyonrails.org/…

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

【解决方案1】：

这是我如何让我的复选框看起来像 Bootstrap-y（Rails 4.2，Bootstrap 3.3） - 请注意，这是在 form_for(@model_name) do |f| 内，因此是 f 块变量：

  <div class="field form-group">
    <div class="checkbox-inline">
      <%= f.check_box :evac_waiver %>
      <%= f.label :evac_waiver, "Evacuation Waiver signed and accepted" %><br>
    </div>
  </div>

【讨论】：

【解决方案2】：

你可以像这样使用 check_box_tag

<%= label_tag :checkbox, "checkbox" %>    
<%= check_box_tag("name", "value", false, class: "checkbox") %>

您可以将值设置为您想要的任何值。假设您已将引导程序加载到您的应用程序中，您只需使用class: "checkbox"，它应该会出现在引导程序样式中。

这里是 check_box_tag 上文档的链接，因此您可以查看它并使用设置来获得您正在寻找的内容：

http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-check_box_tag

【讨论】：