怎么使用jQuery实现对答案正确性判断
步骤1:创建HTML文件
首先,在所需文件夹中创建一个HTML文件,命名为index.html,并在文件头部添加jQuery库的引用,如下所示:
1. 世界上最高的山峰是哪座? 2. 水的化学式是什么?
请回答以下问题:
B. 布达拉宫
C. 长城
B. CO2
C. O2
该文件包含两个问题和三个选项,每个选项值均为字母A、B、C。在页面底部添加一个提交按钮和一个空文本段落用于将答案正确性的结果反馈给用户。
步骤2:创建JavaScript文件
其次,在所需文件夹中创建一个JavaScript文件,命名为index.js,该文件包含jQuery判断答案正确性的主要代码。
$(document).ready(function(){
$("#submit").click(function(){
var q1=$("input[name='question1']:checked").val();
var q2=$("input[name='question2']:checked").val();
var result="";
if(q1=="A"){
result+="问题一回答正确;";
}
else{
result+="问题一回答错误;";
}
if(q2=="A"){
result+="问题二回答正确;";
}
else{
result+="问题二回答错误;";
}
$("#result").text(result);
});
});
该文件首先使用$(document).ready()方法确保页面加载完成后才能执行后续代码。
接着,使用$("#submit").click()方法为提交按钮设置单击事件,当用户单击提交按钮时,将获取问题1与问题2的选项值。
之后,使用if-else语句判断用户所选答案是否正确,若选项值为字母A则判断回答正确,反之判断回答错误。
最后,用$("#result").text(result)方法将判断结果显示在空文本段落中。
步骤3:运行代码
运行index.html文件即可对题目答案进行对错判断,并将判断结果显示在空文本段落中。