Как связать между собой checkbox в многоуровневом списке?

Question

[Pro Service]

Есть многоуровневый список категорий
Рядом с названием котегории стоит checkbox
Если кликаю по родительскому названию то в дочерних названиях все чекбоксы должны активироваться
А если кликаю название дочерней категории то кликается и родитель до первого уровня
Это все надо для того чтобы мастер смог выбрать категории работ и отправить по форме

<ul>
			<li><input type="checkbox">асфальт</label></li>
			<li><input type="checkbox">барельеф</li>
			<li><input type="checkbox">вагонка</li>
			<li><input type="checkbox">гипсокартон</li>
			<li><input type="checkbox">двери
				<ul>
					<li><input type="checkbox">деревянные
						<ul>
							<li><input type="checkbox">производство</li>
							<li><input type="checkbox">установка</li>
							<li><input type="checkbox">реставрация</li>
						</ul>
					</li>
					<li><input type="checkbox">металлические
						<ul>
							<li><input type="checkbox">производство</li>
							<li><input type="checkbox">установка</li>
							<li><input type="checkbox">реставрация</li>
						</ul>
					</li>
					<li><input type="checkbox">пластиковые
						<ul>
							<li><input type="checkbox">производство</li>
							<li><input type="checkbox">установка</li>
							<li><input type="checkbox">реставрация</li>
						</ul>
					</li>
				</ul>
			</li>
			<li><input type="checkbox">земляные работы</li>
			<li><input type="checkbox">интернет</li>
			<li><input type="checkbox">камин</li>
		</ul>

Comments

[Модератор]

Pro Service дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[RAX7]

Нашел пример на кодпене

Comments

[Pro Service]

То что нужно. А можно сделать тоже самое без js?

[RAX7]

Pro Service, нет, без js не получится

[Pro Service]

RAX7, просто я в js 0 мне еще надо будет доработать список так чтобы он был как аккордеон

[RAX7]

Pro Service, просто гугли "checkbox tree", найдешь много вариантов, в том числе и с объяснением как это работает