单选按钮onclick返回false从另一个单选按钮中删除选中的对象

时间:2018-12-26 12:50:43

标签: javascript jquery radio-button

我有单选按钮。我希望单选按钮上的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);">

3 个答案:

答案 0 :(得分:0)

addEventListener可以帮助您

CMD
CMD ["cmd.exe", "-c", "set DEBUG=* start"]

答案 1 :(得分:0)

'e.preventDefault()'和'return false'阻止检查下一个单选按钮。

答案 2 :(得分:0)

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">