Форум

WaMpIr · #1 (**permalink**) 04.04.2016, 12:54

Доброго времени суток!
Есть группа radio кнопок, каждой из них привязан свой label (сами input'ы скрыты). Но нужно сделать так, чтобы при повторном нажатии на эту же кнопку с неё выбор снимался как с checkbox'а. На input событие onClick вешается и работает без проблем:

this.checked=!this.isChecked;

Пытался сделать, но что-то вообще никак...

<script>
function unchecked() {
var chinput = document.getElementById('gm_fifa');
if (chinput.checked==true) {
chinput.checked=false;
}
}
</script>

<input type="radio" id="gm_fifa"><label for="gm_fifa" onClick="unchecked()">Click</label>

рони · #2 (**permalink**) 04.04.2016, 13:26

WaMpIr,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<script>
function unchecked(event,label) {
event.preventDefault();
var chinput = document.getElementById(label.getAttribute('for'));
chinput.checked =!chinput.checked
}
</script>

<input type="radio" id="gm_fifa"><label for="gm_fifa" onClick="unchecked(event,this)">Click</label>

</body>
</html>

WaMpIr · #3 (**permalink**) 04.04.2016, 15:03

рони, спасибо огромное! Всё робит! С меня плюсик!

Форум

Справочник

Discord чат

Курсы javascript