Способ может показаться костыльным, вместо описанного используют радио-кнопки, но так требует ситуация. Как сделать, чтобы снимался чекбокс, при выборе соседнего, если они лежат в одном родителе?
<div class="parent-1">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
document.querySelectorAll('.parent-1 input[type="checkbox"]').forEach(item => {
item.addEventListener("change", function(e) {
if (this.checked) {
this.parentNode.querySelectorAll('input[type="checkbox"]').forEach(item => {
if (item != this)
item.checked = false;
});
}
});
});
<div class="parent-1">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
document.querySelector('.parent-1').addEventListener("change", function(e) {
if (e.target.checked) {
this.querySelectorAll('input[type="checkbox"]').forEach(item => {
if (item != e.target)
item.checked = false;
});
}
});
<div class="parent-1">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости