Как активировать checkbox, если все остальные включены и наоборот?

Question

[nen0y]

https://codepen.io/5dc8b3/pen/oNBvJLR

Если мы нажимаем на первый checkbox, то остальные должны стать активными, но если мы выключаем второй или третий, то первый должен стать неактивным.

Как это сделать?

Answer 1

[0xD34F]

const [ first, ...rest ] = document.querySelectorAll('[type="checkbox"]');
const onChange = () => first.checked = rest.every(n => n.checked);
first.addEventListener('change', () => rest.forEach(n => n.checked = first.checked));
rest.forEach(n => n.addEventListener('change', onChange));

Comments

[nen0y]

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

Answer 2

[Юра Комаров]

Складывать в массив и проверять значения, и в зависимости от ситуации менять значения в массиве. После проходить по массиву и расставлять или снимать галочки.