3

В HTML можно только включить checked у radio button, а выключить его при повторном нажатии на тот же radio нельзя.
Как осуществить выключение checked при повторном нажатие на тот же radio методами на JavaScript?

2
  • Вы имели в виду радиобаттон?
    – Ver Nick
    20 авг 2018 в 15:27
  • да, исправил вопрос) 20 авг 2018 в 15:28

2 ответа 2

4

function clickRadio(el) {
  var siblings = document.querySelectorAll("input[type='radio'][name='" + el.name + "']");
  for (var i = 0; i < siblings.length; i++) {
    if (siblings[i] != el)
      siblings[i].oldChecked = false;
  }
  if (el.oldChecked)
    el.checked = false;
  el.oldChecked = el.checked;
}
<label>Radiobutton 1 <input type="radio" onclick="clickRadio(this)" name="radio" /></label>
<label>Radiobutton 2 <input type="radio" onclick="clickRadio(this)" name="radio" /></label>

0
0

Как вариант, можно сделать через изменяемый счет.

let checkbox = document.querySelector(".open-close")
let count = 0


function vision() {
  if (checkbox.checked === true) {
    if (count === 1) {
        checkbox.checked = false
        count = 0
    } else {
        count += 1
    }
  }
}
checkbox.addEventListener('click', vision)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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