Как лучше выбрать только выбранные checkbox?

Для того чтобы выбрать только выбранные checkbox в JavaScript, можно использовать различные подходы, в зависимости от структуры вашей страницы и требований проекта. Вот несколько способов, которые вы можете использовать:

1. Использование метода querySelectorAll():

   const checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
   // checkboxes содержит только выбранные checkbox

В этом примере мы используем метод querySelectorAll(), который возвращает коллекцию элементов, удовлетворяющих селектору CSS. В данном случае, мы указываем input[type="checkbox"]:checked для получения всех выбранных checkbox.

2. Использование цикла для проверки каждого checkbox:

   const checkboxes = document.getElementsByTagName('input');
   const selectedCheckboxes = [];

   for (let i = 0; i < checkboxes.length; i++) {
     if (checkboxes[i].type === 'checkbox' && checkboxes[i].checked) {
       selectedCheckboxes.push(checkboxes[i]);
     }
   }
   // selectedCheckboxes содержит только выбранные checkbox

В этом примере мы используем метод getElementsByTagName() для получения всех элементов <input>, а затем используем цикл для проверки каждого элемента. Если элемент имеет тип "checkbox" и свойство checked установлено на true, мы добавляем его в массив selectedCheckboxes.

3. Использование библиотеки jQuery:

   const selectedCheckboxes = $('input[type="checkbox"]:checked');
   // selectedCheckboxes содержит только выбранные checkbox

Если вы используете библиотеку jQuery, вы можете использовать селектор $() для получения выбранных checkbox. В данном случае, мы указываем input[type="checkbox"]:checked.

Выбор способа зависит от ваших предпочтений и требований проекта. Если вы уже используете библиотеку jQuery, это может быть наиболее простым и удобным решением. В противном случае, использование методов querySelectorAll() или getElementsByTagName() являются стандартными способами для получения элементов на странице.