simple_forms 中 collection_radio_buttons 的属性将全部包装在 div 中

Question

我正在使用 collection_radio_buttons 创建具有 simple_forms 的单选按钮：

<div class="toggle-group">
  <%= f.collection_radio_buttons :question,
    [[true, 'Yes'] ,[false, 'No']], :first, :last,
    item_wrapper_tag: false, boolean_style: :inline %>
</div>

得到这个：

<div class="toggle-group">
  <input type="hidden" name="user[question]" value="">
  <input type="radio" value="true" name="user[question]" id="user_question_true">
  <label class="collection_radio_buttons" for="user_option_true">Yes</label>
  <input type="radio" value="false" name="user[option]" id="user_option_false">
  <label class="collection_radio_buttons" for="user_option_false">No</label>
</div>

我创建了一些 css 来生成输入类型 'hidden'。我必须在 collection_radio_buttons 中添加什么才能使用 class="toggle-group" 获取 div 包装器而不是自己编写？

Answer 1

  <%= f.collection_radio_buttons :question,
  [[true, 'Yes'] ,[false, 'No']], :first, :last,
  item_wrapper_tag: false, boolean_style: :inline, 
  collection_wrapper_tag: "div",
  collection_wrapper_class: "toggle-group" %>

添加 collection_wrapper_tag: "div", 以将集合包装在标签中。添加 collection_wrapper_class: "toggle-group" 以将 class 设置为 div 标记。文档：here 和

simple_forms 中 collection_radio_buttons 的属性将全部包装在 div 中

Properties for collection_radio_buttons in simple_forms to wrap all in div

ruby-on-rails

wrapper

radio-button

simple-form