html - Rails，collection_check_boxes，最大选择

Question

我有一个使用 collection_check_boxes 作为输入的表单。

= f.collection_check_boxes :color_ids, group.colors, :id, :name

我想阻止用户勾选表单中超过 n 个框。

我知道如何在模型中做到这一点，我只需要 View 部分。谢谢!

Answer 1

最后，我决定使用jquery。

1 在 View 中，我将最大金额放在类的末尾，如下所示:

= f.collection_check_boxes :color_ids, group.colors, :id, :name, item_wrapper_class: "bla bla2 #{group.maximum.to_s}"

2 当一个输入[type=checkbox]被点击时，我发现有多少其他被标记了

$(this).parent().parent().siblings().children().children(':checked').length 

3 我通过以下行从步骤 1 中找到最大允许值

max = parseInt($(this).parent().parent().attr('class').split(' ').pop());

4 我将允许的最大值与已检查的最大值进行比较，并防止检查第一个是否较小。整个代码看起来像这样

  $('input[type=checkbox]').on('change', function(evt) {
    var max;
    max = parseInt($(this).parent().parent().attr('class').split(' ').pop());
    if ($(this).parent().parent().siblings().children().children(':checked').length + 1 > max) {
      this.checked = false;
    }
  });