.checked不工作
.checked不工作
提问于 2014-03-16 16:19:50
我有以下代码：http://jsfiddle.net/TXQ9U/37/ (参见下面的代码)
我想实现的是，我按下提交按钮，我得到一个弹出说要么答案是正确的或答案是不正确的，并加了一个分数。我想我把它都设置好了，但别让它起作用。有什么建议吗？
亲爱的问候，
Marc
HTML：
<body>
<p> Question 1: what sport does Roger Federed play? </p>
<table width = "200">
<tr>
<td> <input type="radio" name="radio" class="a1" value="a1" /> Cricket </td>
<td> <input type="radio" name="radio" class="a2" value="a1" /> Tennis </td>
<td> <input type="radio" name="radio" class="a3" value="a1" /> Tennis </td>
<td> <input type="radio" name="radio" class="a4" value="a1" /> Tennis </td>
</tr>
</table>
<button class="button1"> Submit </button>
<button class ="button2"> Next page</button>
</body>jQuery
var score= 0;
function submit(){
var correctanswer = document.getElementById("a2")
if(correctanswer.checked === true) {
score++;
alert("Answer is correct" + score)
}
else {
alert("Answer is not correct")
}
}
$(".button1").on("click",function(){
alert(submit());
});回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-16 16:21:23
您没有ID a2的元素，这将是一个类，因此getElementById失败
因为您已经在使用jQuery，所以您可以这样做
function submit() {
var correctanswer = $(".a2");
if (correctanswer.is(':checked')) {
return "Answer is correct";
} else {
return "Answer is not correct";
}
}FIDDLE
Stack Overflow用户
发布于 2014-03-16 16:25:32
由于您使用的是jQuery：
<body>
<script type="text/javascript">
var score = 0;
$(document).ready(function() {
$(".button1").on("click", function () {
submit();
});
});
function submit() {
var correctanswer = $("#a2");
if (correctanswer.is(":checked")) {
score++;
alert("Answer is correct" + score);
}
else {
alert("Answer is not correct");
}
}
</script>
<p> Question 1: what sport does Roger Federed play? </p>
<table width="200">
<tr>
<td> <input type="radio" name="radio" id="a1" value="a1" /> Cricket </td>
<td> <input type="radio" name="radio" id="a2" value="a1" /> Tennis </td>
<td> <input type="radio" name="radio" id="a3" value="a1" /> Baseball </td>
<td> <input type="radio" name="radio" id="a4" value="a1" /> Basketbakk </td>
</tr>
</table>
<button class="button1"> Submit </button>
<button class="button2"> Next page</button>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22439405
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号