使用单选按钮和数组进行Javascript测试

我正在学习Javascript，我很难弄清楚如何使用纯Javascript（无jQuery）创建测试

理想情况：

用户将看到一个问题，并可以选择单选按钮

用户根据问题选择单选按钮

提交时，将选择与包含答案的数组进行比较

单选按钮不能为空。如果选择不等于答案，则提醒用户

到目前为止，我尝试了嵌套的

for

循环和分隔的

if/else

语句，但都没有效果

非常感谢

var答案=[
0，//回答问题0
1，//回答问题1
2//问题2的答案
];
var问题=[]；
功能等级（）{
对于（变量i=0；i<10；i++）{
问题[i]=document.querySelector（“输入[name='question'+i+']”）；
如果（问题[i]。已勾选）{
if（问题[i].value=答案[i]）{
警告（“问题“+i+”正确！”）；
}
否则{
警报（“不正确！请重试”）；
}
} 
否则{
警报（“选择有效选项！”）；
}
}
}

选项A

选项B

备选案文C

选项A

选项B

备选案文C

选项A

选项B

选项C

方案D

试试下面的代码，我希望它能对你有所帮助

我添加了一个隐藏字段，用于获取全部问题

HTML

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="question_form">
    <input type="radio" name="question0" value="0">Option A<br>
    <input type="radio" name="question0" value="1">Option B<br>
    <input type="radio" name="question0" value="2">Option C

    <hr>

    <input type="radio" name="question1" value="0">Option A<br>
    <input type="radio" name="question1" value="1">Option B<br>
    <input type="radio" name="question1" value="0">Option C

    <hr>

    <input type="radio" name="question2" value="0">Option A<br>
    <input type="radio" name="question2" value="1">Option B<br>
    <input type="radio" name="question2" value="2">Option C<br>
    <input type="radio" name="question2" value="3">Option D

    <hr>
    <input type="hidden" id="hidden_total_questions" value="3" />
    <input type="submit" onClick="return grade();" value="Grade">
</form>

---

试试下面的代码，我希望它能对你有所帮助

我添加了一个隐藏字段，用于获取全部问题

HTML

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="question_form">
    <input type="radio" name="question0" value="0">Option A<br>
    <input type="radio" name="question0" value="1">Option B<br>
    <input type="radio" name="question0" value="2">Option C

    <hr>

    <input type="radio" name="question1" value="0">Option A<br>
    <input type="radio" name="question1" value="1">Option B<br>
    <input type="radio" name="question1" value="0">Option C

    <hr>

    <input type="radio" name="question2" value="0">Option A<br>
    <input type="radio" name="question2" value="1">Option B<br>
    <input type="radio" name="question2" value="2">Option C<br>
    <input type="radio" name="question2" value="3">Option D

    <hr>
    <input type="hidden" id="hidden_total_questions" value="3" />
    <input type="submit" onClick="return grade();" value="Grade">
</form>

请查找已编辑的工作代码。这可能对你有帮助


var答案=[
0，//回答问题0
1，//回答问题1
2//问题2的答案
];
var问题=[]；
功能等级（）{
对于（变量i=0，ques=3；i


选项A

选项B

备选案文C

选项A

选项B

备选案文C

选项A

选项B

选项C

方案D

请查找已编辑的工作代码。这可能对你有帮助


var答案=[
0，//回答问题0
1，//回答问题1
2//问题2的答案
];
var问题=[]；
功能等级（）{
对于（变量i=0，ques=3；i


选项A

选项B

备选案文C

选项A

选项B

备选案文C

选项A

选项B

选项C

方案D

@downvoter请解释任何疑问/问题/查询，以便我能够解决。@downvoter请解释任何疑问/问题/查询，以便我能够解决。