如何使用 rails 中的 simple_form 为下拉列表中的每个值添加复选框

Question

在我看来，我正在尝试使用 simple_form 将值绑定到输入字段，如下所示

<%= simple_form_for @ruby, url:{action: 'create'}, html: {class: 'form'}  do |f| %>
<%= f.input :name, collection: ruby.distinctnames, :label => "Select Names" %>
<% end %>

现在，我得到的值是下拉列表。

但是，我想使用 simple_form gem.

在每个值前面都有复选框

或者有其他方法可以实现吗？

Answer 1

您可以尝试使用collection_check_boxes方法。

<%= simple_form_for @ruby, url:{action: 'create'}, html: {class: 'form'}  do |f| %>
  <div class="ruby-names-wrapper collapsed"
    <%= link_to 'Ruby Names', '#', onclick: 'this.parrent.toggleClass("collapsed")' %>
    <div class="checkbox-wrapper"
      <%= f.collection_check_boxes :ruby_names, @ruby.distinctnames, :to_s, :to_s, { multiple: true }  %>
    </div>
  </div>
<% end %>

在你的 css 中：

.ruby-names-wrapper.collapsed .checkbox-wrapper {
  display: none;
}

.ruby-names-wrapper .checkbox-wrapper {
  display: block;
}

如何使用 rails 中的 simple_form 为下拉列表中的每个值添加复选框

How to add checkboxes for each value in dropdown using simple_form in rails

ruby

rubygems

ruby-on-rails