验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

怎么使用jQuery实现对答案正确性判断

阅读:455 来源:乙速云 作者:代码code

怎么使用jQuery实现对答案正确性判断

步骤1:创建HTML文件

首先,在所需文件夹中创建一个HTML文件,命名为index.html,并在文件头部添加jQuery库的引用,如下所示:




    
    jQuery判断答案对错
    cdn.bootcss.com/jquery/3.2.1/jquery.min.js">


    

请回答以下问题:

    

1. 世界上最高的山峰是哪座?

    A. 珠穆朗玛峰
    B. 布达拉宫
    C. 长城
    
    

2. 水的化学式是什么?

    A. H2O
    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文件即可对题目答案进行对错判断,并将判断结果显示在空文本段落中。

分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>