将全选选项添加到简单的表单关联集合

Question

我正在使用 simple_form 3 和带有 rails 4 的 bootstrap 3。我在表单中使用以下内容

   <%= f.association :characteristics, collection: @holidays, 
                                       prompt: "Select Holidays", 
                                       label: false,  as: :check_boxes %>

我不想使用此处建议的按钮 Rails 3.1 Select All checkbox，我更喜欢与其他复选框在同一列表中的复选框。

如何设置这个“全选”复选框？

Answer 1

尝试以下方法：

<%= f.association :characteristics, 
                  collection: [Holiday.new(id: 0, name: 'Select All')] + @holidays, 
                  label: false,  as: :check_boxes,
                  input_html: {data: {behaviour: 'select-all'}} %>

然后在js中：

$('[data-behaviour="select-all"][value=0]').on('change', function(){
  var checked = this.checked;
  $('[data-behaviour="select-all"]').each(function(){
    $(this).prop('checked', checked);
  });
})

不是一个优雅的解决方案，但我认为它应该有效