В HTML
можно только включить checked
у radio button
, а выключить его при повторном нажатии на тот же radio
нельзя.
Как осуществить выключение checked
при повторном нажатие на тот же radio
методами на JavaScript
?
-
Вы имели в виду радиобаттон?– Ver Nick20 авг 2018 в 15:27
-
да, исправил вопрос)– Денис Небесный20 авг 2018 в 15:28
Добавить комментарий
|
2 ответа
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>
Как вариант, можно сделать через изменяемый счет.
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)