Как поменять checked на false?

Question

[Андрей Кузнецов]

Сейчас при нажатии на btnChek все чекбоксы включаются и это хорошо!, но надо при повторном нажатии на btnChek
что-бы все чекбоксы отключались,чего не хватает в коде?

<div class="check_sklad" >
      <input class="check_item" type="checkbox" name="check_sklad" value="Репина Антонина Андреевна">
      <span class="skladval">Репина Антонина Андреевна</span>
	</div>
    <div class="check_sklad" >
      <input class="check_item" type="checkbox"  name="check_sklad" value="Колокольчикова Анна Андреевна">
      <span class="skladval">Колокольчикова Анна Андреевна</span>
    </div>

const checkBoxses = document.querySelectorAll('.check_item');
const btnChek = document.querySelector('button.usersnew_form_delete2');
 btnChek.addEventListener('click', () => checkBoxses.forEach(elem => { 
      elem.checked = true  
         }))

Comments

[Вадим]

чего не хватает в коде

Определения повторного нажатия и соответствующего этому нажатию кода.

[ForSureN1]

elem.checked ? elem.checked = false : elem.checked = true;

[Сергей delphinpro]

Вадим, вряд ли так.
Скорее нужно проверить, все ли птички отмечены. Если нет, то отмечать все, иначе снимать со всех отметку.

Answer 1

[Сергей delphinpro]

const checkBoxses = document.querySelectorAll('.check_item');
const btnChek = document.querySelector('button.usersnew_form_delete2');

btnChek.addEventListener('click', () => {
  const allChecked = [...checkBoxses].every(cb=>cb.checked);
  checkBoxses.forEach(elem => elem.checked = !allChecked);
});

Comments

[Андрей Кузнецов]

Чудесно работает - благодарю, попробую разобраться что это за код! Надеюсь разберусь