Выберите все флажки после выбора первого

#javascript #html

#javascript #HTML

Вопрос:

У меня есть несколько флажков, и я хочу, чтобы все остальные также были проверены после выбора первого. Почему этот код работает некорректно?

 var del = document.querySelectorAll('input[name="del_id[]"]');

del.forEach(function(elem){
   elem.addEventListener('input',function(){
      if(del[0].checked){
         elem.checked = true;
      }
   });
});
  

Комментарии:

1. пожалуйста, добавьте также часть html-кода.

2. Он генерируется на php. Это первый флажок в таблице th, а остальные флажки находятся в каждой строке.

3. Это так, потому что проверка, например, консоли. войти внутрь работает.

4. У каждого ввода есть свой собственный четный прослушиватель, который проверяет себя. попробуйте что-то вроде del.forEach(i => i.check = true) вместо elem.check = true и прослушиватель событий должен быть необходим только для первого ввода, а не для всех.

5. @yifansong Ваш код работает! Спасибо!