我正在尝试使用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>
它总是说“正确!”即使事实并非如此。有人知道怎么解决这个问题吗?
发布于 2018-06-04 03:29:47
你不应该用相同的id定义一个以上的元素,这是一个不好的做法,你可以在html中改进你的代码function check() { for (elemnt of document.getElementByClassName('test') ) { if (element.checked ) alert('correct'); else alert ("incrrect");}}
它们你可以这样做<input type="radio" class="test" value="1">
<input type="radio" class="test" value="2">
<input type="radio" class="test" value="3">
https://stackoverflow.com/questions/50669901
复制相似问题