Проверяйте длину флажка, выбранного в 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()
});

Просто предоставьте пользователю возможность выбрать место проведения maximun 5 с проверенным пропеллером. Спасибо

Answer 1

Вы можете использовать псевдокласс :checked для селектора https://developer.mozilla.org/en-US/docs/Web/CSS/:checked

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