<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>考试结果</title> <script src="https://www.jb51.net/jquery.min.js"></script> <script> //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 } function showResult() { var answer = ["B", "D", "B", "B", "D", "ABC", "ACD"];//标准答案 var answer_score = [12, 12, 12, 12, 12, 20, 20];//答案的分数 var user_answer = JSON.parse(getUrlParam("json"));//获取用户答案 var radio_num = parseInt(getUrlParam("radio"));//获取单选个数 var checkbox_num = parseInt(getUrlParam("checkbox"));//获取多选个数 var radio_result = 0;//单选分数 var checkbox_result = 0;//多选分数 var radio_right_num = 0;//单选答对个数 var checkbox_right_num = 0;//多选答对个数 var result = 0;//总分数 var user_answer_result = new Array();//用户没到题的答题情况 for (var i = 0; i < user_answer.length; i++) { if (user_answer[i] == answer[i]) { if (i < radio_num) { radio_result = radio_result + answer_score[i]; radio_right_num++; } else { checkbox_result = checkbox_result + answer_score[i]; checkbox_right_num++; } user_answer_result[i] = "正确"; } else { user_answer_result[i] = "错误"; } } result = checkbox_result + radio_result; //结果展示 var show_result1; var show_result2; var show_result3; var show_result4; var show_result5; var show_result6; show_result1 = "你的答案结果为："; for (var i = 0; i < user_answer.length; i++) { show_result1 = show_result1 + (i + 1) + "：" + user_answer_result[i] + "； "; } show_result2 = "总题目个数：" + user_answer.length; show_result3 = "答对单选题题目个数：" + radio_right_num + "； 得分：" + radio_result; show_result4 = "答对多选题题目个数：" + checkbox_right_num + "； 得分：" + checkbox_result; show_result5 = "答错题目个数：" + (user_answer.length - radio_right_num - checkbox_right_num); show_result6 = " 本次考试总成绩为：" + result; $("p#show_result1").html(show_result1); $("p#show_result2").html(show_result2); $("p#show_result3").html(show_result3); $("p#show_result4").html(show_result4); $("p#show_result5").html(show_result5); $("p#show_result6").html(show_result6); } </script> </head> <body> <h2>考试结束！</h2> <hr/> <input type="button" value="查看结果"> <p> <p> <hr/> <p></p> <p></p> <p></p> <p></p> <hr/> <p></p> </body> </html>
结果如下图：
总结
以上所述是小编给大家介绍的JS实现简单的选择题测评系统代码思路详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章: