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

Question

[zekin375]

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

Имеется следующая структура.

Answer 1

[Tim]

<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;
  })
})

Comments

[zekin375]

Спасибо, большое