选择单选按钮后运行JS

时间:2018-04-04 17:05:11

标签: javascript html

我有两个单选按钮,需要根据选择的单选按钮触发事件。问题是它会立即触发,不会让用户选择一个选项。如何首先获取用户的输入然后运行JavaScript。

以下是代码:

if (document.getElementById("radio_myself").checked == true) {
  alert(document.getElementById("radio_myself").value);
} else {
  alert(document.getElementById("radio_selse").value);
}
<span><input id="radio_myself" name="radMyself" type="radio" value="Myself"/>Myself</span>
<span><input id="radio_selse" name="radSelse" type="radio" value="Someone"/>Someone Else</span>

1 个答案:

答案 0 :(得分:0)

这将使他们首先通过使用更改功能选择一个。通过为它们指定相同的名称,一次只能选择一个,这将允许您返回正确的值。 来自Chris的评论另外== true是多余的,可以删除,因为checked是一个布尔值。

&#13;
&#13;
function check() {
  if (document.getElementById("radio_myself").checked) {
    alert(document.getElementById("radio_myself").value);
  } else {
    alert(document.getElementById("radio_selse").value);
  }
}
&#13;
<span><input onchange="check(); return false;" id="radio_myself" name="radSelse" type="radio" value="Myself"/>Myself</span>
<span><input onchange="check(); return false;" id="radio_selse" name="radSelse" type="radio" value="Someone"/>Someone Else</span>
&#13;
&#13;
&#13;