用html做一个选择题考试系统_随笔

<!doctype html>

<html>

<head>

<title>多项选择题</title>

label{background:#ccffff}

</style>

</head>

<body>

<h2>一、单项选择题</h2>

<p>1.世界上谁最帅？</p>

</div>

<p>2.世界上谁最帅？</p>

</div>

<p>3.世界上谁最帅？</p>

</div>

<p>4.世界上谁最帅？</p>

</div>

<p>5.世界上谁最帅？</p>

</div>

<h2>二、多项选择题</h2>

<p>1.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A"><label for="A">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B"><label for="B">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C"><label for="C">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D"><label for="D">D.智能化建筑工程</label></p>

</div>

<p>2.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A2"><label for="A2">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B2"><label for="B2">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C2"><label for="C2">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D2"><label for="D2">D.智能化建筑工程</label></p>

</div>

<p>3.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A3"><label for="A3">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B3"><label for="B3">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C3"><label for="C3">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D3"><label for="D3">D.智能化建筑工程</label></p>

</div>

<p>4.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A4"><label for="A4">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B4"><label for="B4">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C4"><label for="C4">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D4"><label for="D4">D.智能化建筑工程</label></p>

</div>

<p>5.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A5"><label for="A5">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B5"><label for="B5">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C5"><label for="C5">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D5"><label for="D5">D.智能化建筑工程</label></p>

</div>

function dan1_answer(){dan_answer("dA1","dB1","dC1","dD1","dan1","d1_tetion","A")}

function dan2_answer(){dan_answer("dA2","dB2","dC2","dD2","dan2","d2_tetion","B")}

function dan3_answer(){dan_answer("dA3","dB3","dC3","dD3","dan3","d3_tetion","B")}

function dan4_answer(){dan_answer("dA4","dB4","dC4","dD4","dan4","d4_tetion","C")}

function dan5_answer(){dan_answer("dA5","dB5","dC5","dD5","dan5","d5_tetion","C")}

function dan_answer(da,db,dc,dd,dan,d_tetion,pd){

var A=document.getElementById(da).checked//alert(A)

var B=document.getElementById(db).checked

var C=document.getElementById(dc).checked

var D=document.getElementById(dd).checked

var d_Rightanswer=pd

var passW=saot(d_Rightanswer)//alert(passW)

var youW=saot([A,B,C,D])//alert(youW)

var youD=transABCDE([A,B,C,D])//你的答案

if(passW==youW){

document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:yellowbackground:red}</style>"

document.getElementById(d_tetion).innerHTML="你的答案："+youD+"<br>---恭喜您，答对了！"}else{

document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:redbackground:#ccc}</style>"

document.getElementById(d_tetion).innerHTML="你的答案："+youD+"<br>---回答错误！正确答案是："+d_Rightanswer

}

function answer(){answerALL("A","B","C","D","E","box","tetion","ABCDE")}

function answer2(){answerALL("A2","B2","C2","D2","E2","box2","tetion2","ABCDE")}

function answer3(){answerALL("A3","B3","C3","D3","E3","box3","tetion3","ABCDE")}

function answer4(){answerALL("A4","B4","C4","D4","E4","box4","tetion4","ABCDE")}

function answer5(){answerALL("A5","B5","C5","D5","E5","box5","tetion5","ABCDE")}

function answerALL(a,b,c,d,e,box,tetion,RT){

var A=document.getElementById(a).checked

var B=document.getElementById(b).checked

var C=document.getElementById(c).checked

var D=document.getElementById(d).checked

var E=document.getElementById(e).checked

var arr=[A,B,C,D,E]

var youD=transABCDE(arr)//你的答案

var numA=saot(arr)

var Rightanswer=RT//将正确答案填在这里

var numB=saot(Rightanswer)

if(numA==numB){

document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:yellowbackground:red}</style>"

document.getElementById(tetion).innerHTML="你的答案："+youD+"<br>---恭喜您，答对了！"

}else{

document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:redbackground:#ccc}</style>"

document.getElementById(tetion).innerHTML="你的答案："+youD+"<br>---回答错误！正确答案是："+Rightanswer

}

function transAtoN(answer){//将正确答案字母组成的字符串转换成一串0和1的数字

var arr=answer

var c=arr.split("")//分割字符串变成数组

//alert(c)

var num=0

for(var i in c){

if(c[i]=="A" || c[i]=="a"){num+=10000}

if(c[i]=="B" || c[i]=="b"){num+=1000}

if(c[i]=="C" || c[i]=="c"){num+=100}

if(c[i]=="D" || c[i]=="d"){num+=10}

if(c[i]=="E" || c[i]=="e"){num+=1}

}

return num

}

function transBER(arr){//将在多项选择中获得的选择布尔值转换成一串0和1的数字

var num=0

if(arr[0]){num+=10000}

if(arr[1]){num+=1000}

if(arr[2]){num+=100}

if(arr[3]){num+=10}

if(arr[4]){num+=1}

return num

}

function saot(t){//合并布尔值和字符串转成数字，自动选择适应程序！

if(typeof t=="string"){

var geta=transAtoN(t)

return geta

}else{

var getb=transBER(t)

return getb

}

function transABCDE(arr){

var chara=""

if(arr[0]){chara+="A"}

if(arr[1]){chara+="B"}

if(arr[2]){chara+="C"}

if(arr[3]){chara+="D"}

if(arr[4]){chara+="E"}

return chara

}

//alert(transABCDE([true,false,true]))

</script>

</body>

</html>

好用的在线考试系统具体如下特征：

一、系统稳定：

在线讲课过程中最怕的就是系统卡顿或掉线，考试系统稳定，安全可靠，能同时容纳超大规模成员在线考试。

二、功能齐全

拥有强大的后台管理功能：

多种成员录入方式，无限级组织架构助力分类管理灵活分配管理权限，多个子管理员各司其职独有的签到管理功能，让线下活动与网课直播的参与情况有据可查。教师可以对学生进行统一管理，包括信息发送、数据分析等。

教学功能丰富：

1、支持多端口多平台在线考试，与钉钉、微信、QQ、飞书等平台无缝对接

2、人脸识别、音频视频监控、禁止切屏等智能防作弊技术，保障每场考试的公平

3、强大的判卷分析功能，多维度多方面数据分析设置，一键生成分析结果

三、 *** 作简单

*** 作简单是考试系统的最大优势。以轻速云考试系统为例，导题、组卷、发布三步骤即可实现考试。

其官网免费提供大量考试题库，也支持创建专属题库，为用户提供Word及Excel模板，利用模板即可将想要进行考核的试题一键快速批量导题建立题库，多种组卷方式只需鼠标点点就能轻松组卷。

导题：支持选择、判断、多选等多达6种题型导入。上传文档、批量导入、在线编辑，三种录题方式自由选择

组卷：一张试卷同时支持固定试题和随机试题两种模式。

发布：组卷完成即可发布考试，随时随地实现答题考试。

考试酷

专为各类学校和培训机构提供考试系统，包括自测练习、组织统一考试、开展知识竞赛、布置课外作业或假期作业、智能组卷、答卷评阅与成绩管理等众多功能

每个具体分类里面提供了丰富的试卷，不仅提供题目，也提供题目对应的答案。你可以在线查阅，也可以在线测试，甚至可以逐题测试

考试酷是一个零安装、零维护和零成本的在线考试系统，支持智能化集中阅卷、发卷、收卷、监考等一系列考试管理服务。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6103469.html

用html做一个选择题考试系统

发表评论

评论列表（0条）