验证在Jquery和rails中选中的复选框的长度

Question

我有一个带有collection_check_boxes的表单，我有一些用于它的类，我想做一个不能选择超过5个复选框的验证，但是我不完全确定如何让我的复选框的所有长度都被选中。

我在Jquery中做到了，这是有效的，我只是需要在Javascript中验证的帮助

import $ from 'jquery'

export default class FavoriteFormVenues {
  constructor() {
    this.attachEvents()
  }

  attachEvents() {
    $(document).on('change', '.js-favorite-form-venues', event =>
      this.handleTypeChange(event)
    )
  }

  handleTypeChange(event) {
    let $venue = $(event.target)
    let $venueItem = $('label[for="profile_venue_ids_'+$venue.val()+'"]').find($('.js-select-favorite'));
    if(($venue).prop('checked')) {
      $venueItem.addClass("border-4 border-celeste-700");
    } else {
      $venueItem.removeClass("border-4 border-celeste-700");
    }
  }


}

document.addEventListener('turbolinks:load', () => {
  new FavoriteFormVenues()
});

只是有可能让用户选择最多5个地点与道具检查。谢谢

Answer 1

您可以为选择器https://developer.mozilla.org/en-US/docs/Web/CSS/:checked使用:checked伪类

if ($('some-selector:checked').length() <= 5)
  something...
else
  error...
end