选择题测验的Javascript

这里有一个问题编号的下拉列表，还有一台供选择答案的收音机。问题为1-30，答案为A-E。点击提交（将通过post方法将信息发送到外部数据库），一组if-else语句将确定答案是否正确

此时，将显示文本（从隐藏的div），并说明答案是否正确，以及解释。我将有60个隐藏div（30个说“正确，这里是解释”，30个说“不正确，这里是解释”），每次点击提交按钮时都会触发一个div。此外，还应该有一个“重试”按钮，可以重置所有内容

TL；博士：

• 根据问题/答案组合显示隐藏的div 点击提交按钮
• 用按钮重置所有内容，以便他们可以重试

以下是我的JSFIDLE：

$（'#submit'）.onclick（函数（）{
如果（$（“#问题”）.val（）=“1”）{
如果（$（“#答案”）.val（）=“A”）{
$（'#q1correct'）.show（）；
}else$（“#Q1不正确”）.show（）；
}else if（$（“#问题”）.val（）=“2”）{
如果（$（“#答案”）.val（）=“B”）{
$（'#q1correct'）.show（）；
}else$（“#Q1不正确”）.show（）；
}else$（“哎哟”）show（）；
});

挑选
1.
2.


A.


B


C


D


E


问题1正确吗
问题1不正确
在Jquery中出现了一些错误，不是单击，而是单击。此外，您还需要在文档准备就绪时注册单击事件

$( document ).ready(function() {
        $('#submit').click(function() {
      if ($("#question").val() == "1") {
        if ($("#answer").val() == "A") {
          $('#q1correct').show();
        } else $("#q1incorrect").show();
      } else if ($("#question").val() == "2") {
        if ($("#answer").val() == "B") {
          $('#q1correct').show();
        } else $("#q1incorrect").show();
      } else $("#whoops").show();
    });
});


您还应该删除表单标记以防止页面重新加载。
我将您的结构稍微调整了一点，希望您不介意


$（“#提交”）。单击（函数（）{
$（'.results'）.show（）；
$（'.selectedQ'）.html（$（'#问题'）.val（）；//设置值
$（'.selectedA'）.html（$（'.answer:checked'）.val（））；//设置值
$（'.feedback'）.html（''）；//明文
$（“#提交”）.hide（）；
如果（$（“#问题”）.val（）=“1”）{
如果（$（“.answer:checked”）.val（）=“A”）{
$（'.feedback'）.html（'这个答案是正确的'）；
}else$（'.feedback'）.html（'此答案不正确'）；
}else if（$（“#问题”）.val（）=“2”）{
如果（$（“.answer:checked”）.val（）=“B”）{
$（'.feedback'）.html（'这个答案是正确的'）；
}else$（'.feedback'）.html（'此答案不正确'）；
}else$（'.feedback'）.html（'哎呀，请确保您选择了一个问题和一个答案'）；
});
$（“#重置”）。单击（函数（）{
$（'问题'）.val（''）；
$（'.answer'）.prop（'checked'，false）；
$（'.results'）.hide（）；
$（“#提交”）.show（）；
});

挑选
1.
2.


A.


B


C


D


E





所选问题：

选定答案：

结果：


问题是什么？基本上：当用户点击“提交”时，我如何让这些div显示出来，并确定问题是否正确？此代码是否包装在document.ready函数中？不是，但现在是。仍然不工作，给我这样的错误：{“error”：“Shell表单不验证{'html_initial_name'：u'initial-js_lib'，'form'，'html_name'：'js_lib'，'html_initial_id'：u'initial-id_js_lib'，'label'：u'js lib'，'field'，'help_text'：''，'name'：'js lib'}{'html_initial_name'：u'initial-js_wrap'，'form'：，'html_name'：'js_wrap'，'h….开始工作了！！谢谢！还有一些问题，如果你能帮忙的话：当我在实际页面上尝试时，它会显示一秒钟，然后消失。有没有办法让它一直保持到用户点击“重置”按钮"按钮？通过在表单中进行输入来删除表单标记。是否有任何方法可以包含表单标记？我需要它，以便将答案发布到正确的位置。是的，看看ajax。如果您这样做，那么您将能够将答案发送到服务器，并收到一个显示对错的结果。那么，仅仅查看源代码就无法检查答案这很有效！！！我还可以在表单标记中保留它吗？我需要一个表单标记将结果发布到正确的位置。然后你应该研究ajax，就好像你将dom操作发布到另一个页面是没有意义的一样。ajax可以让你在不重新加载页面的情况下发布答案 page@Rachel，正如DavidB所说，ajax将帮助您将信息发布到您想要的位置，而不必提交表单的僵化。请看这里：