радиокнопка onclick возвратить ложь удалить галочку с другой радиокнопки

Question

У меня есть радио-кнопка.Я хочу, чтобы onClick на переключателе вернул false.Что случилось, так это то, что радио, которое я меняю, не проверено, и это хорошо.но другой переключатель, который был проверен ранее.тоже не проверено.здесь код:

function disableClick(e) {
  e.preventDefault();
  return false;
}

<input id="fmale" type="radio" name="gender" value="1" checked="checked" onclick="return disableClick(event);">
<input id="male" type="radio" name="gender" value="2" onclick="return disableClick(event);">

Answer 1

'e.preventDefault ()' и 'return false' не позволяют проверять следующий переключатель.

Answer 2

e.preventDefault не препятствует тому, чтобы атрибут переключателя checked был установлен в true.Вы можете console.log(e.target.checked) увидеть, что он установлен true, хотя e.preventDefault() не позволяет визуально отобразить его как проверенный.

Приведенная ниже демонстрационная версия позволяет другой радиокнопке автоматически установить значение checked = false, нозатем устанавливает текущее нажатие по радио на false.

Я не уверен, почему вы хотите это сделать, но здесь вы идете

Решение

$('#fmale').click(function(e) {
  e.target.checked = false;
});

$('#male').click(function(e) {
  e.target.checked = false;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="fmale" type="radio" name="gender" value="1" checked="checked">
<input id="male" type="radio" name="gender" value="2">

Answer 3

addEventListener может помочь вам

function disableClick(e) {
    e.target.checked = false; // clear current radio button
    e.preventDefault();
    return false;
}
document.getElementById("fmale").addEventListener("click",disableClick)
document.getElementById("male").addEventListener("click",disableClick)

<input id="fmale" type="radio" name="gender" value="1" checked="checked" />
<input id="male" type="radio" name="gender" value="2">