2

Способ может показаться костыльным, вместо описанного используют радио-кнопки, но так требует ситуация. Как сделать, чтобы снимался чекбокс, при выборе соседнего, если они лежат в одном родителе?

<div class="parent-1">
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox">
</div>

1 ответ 1

1

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.