javascript - 如何访问单选按钮的值

Question

我正在尝试使用 HTML 和 Javascript 访问单选按钮的值来进行简单的测验，但它似乎不起作用。这是我的代码:

function check() {
var a = document.getElementById("test").value
if (a === "one") {
alert("Correct!")
} else {
alert("Wrong!")
}
}

<h1><center>Simple Quiz</center></h1>
<br>
1) What is 1 + 1?
<br>
<form>
  <input type="radio" name="one" id="test" value="one">1<br>
  <input type="radio" name="one" id="test" value="two">2<br>
  <input type="radio" name="one" id="test" value="three">3<br>
  <button onclick="check()">Check</button>
</form>

它总是说“正确!”即使事实并非如此。有谁知道如何解决这个问题吗？

Answer 1

您缺少的一些要点:

• ID 在整个页面上必须唯一
• 要检查单选按钮是否已选中，请使用其 checked 属性

function check() {
  var two = document.getElementById("two");
  if (two.checked) {
    alert("Correct!")
  } else {
    alert("Wrong!")
  }
}

<h1>
  <center>Simple Quiz</center>
</h1>
<br> 1) What is 1 + 1?
<br>
<form>
  <input type="radio" name="one" id="one" value="one">1<br>
  <input type="radio" name="one" id="two" value="two">2<br>
  <input type="radio" name="one" id="three" value="three">3<br>
  <button onclick="check()">Check</button>
</form>