@zekin375

Как отметить дочерние checkbox при отметке родителя?

Не могли бы помочь, как отметить дочерние checkbox при отметке родителя.

Имеется следующая структура.
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
Tim-A-2020
@Tim-A-2020
<li class="collapsable" id="bx_1847241719_4017">
  <div class="hitarea collapsable-hitarea">  
  </div>
  <label>
    <input type="checkbox" name="category[]" id="4017" value="4017"> Родитель
  </label>
		<ul id="tree-checkbox" class="treeview" style="display: block;">
		<li id="bx_1847241719_4031"><label><input type="checkbox" name="category[]" id="4031" value="4031"> Раздел 1</label></li>
		<li id="bx_1847241719_4030" class="last"><label><input type="checkbox" name="category[]" id="4030" value="4030"> Раздел 2</label></li>
		</ul>
	</li>


document.querySelector('#bx_1847241719_4017').addEventListener('click', function(e) {
  e.target.closest('li').querySelectorAll('ul input[type=checkbox]').forEach( item => {
    item.checked = e.target.checked;
  })
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы