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

用html做一个选择题考试系统,第1张

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

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

<style type="text/css">

label{background:#ccffff}

</style>

</head>

<body>

<h1>测试题</h1><hr>

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

<div id="dan1">

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

<p><input type="radio" id="dA1" name="dan1"><label for="dA1">A.李小龙</p>

<p><input type="radio" id="dB1" name="dan1"><label for="dB1">B.李连杰</p>

<p><input type="radio" id="dC1" name="dan1"><label for="dC1">C.陈小春</p>

<p><input type="radio" id="dD1" name="dan1"><label for="dD1">D.刘德华</p>

<input type="button" value="提交答案" onclick="dan1_answer()"><hr>

<span id="d1_tetion"></span>

</div>

<div id="dan2">

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

<p><input type="radio" id="dA2" name="dan2"><label for="dA2">A.李小龙</p>

<p><input type="radio" id="dB2" name="dan2"><label for="dB2">B.李连杰</p>

<p><input type="radio" id="dC2" name="dan2"><label for="dC2">C.陈小春</p>

<p><input type="radio" id="dD2" name="dan2"><label for="dD2">D.刘德华</p>

<input type="button" value="提交答案" onclick="dan2_answer()"><hr>

<span id="d2_tetion"></span>

</div>

<div id="dan3">

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

<p><input type="radio" id="dA3" name="dan3"><label for="dA3">A.李小龙</p>

<p><input type="radio" id="dB3" name="dan3"><label for="dB3">B.李连杰</p>

<p><input type="radio" id="dC3" name="dan3"><label for="dC3">C.陈小春</p>

<p><input type="radio" id="dD3" name="dan3"><label for="dD3">D.刘德华</p>

<input type="button" value="提交答案" onclick="dan3_answer()"><hr>

<span id="d3_tetion"></span>

</div>

<div id="dan4">

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

<p><input type="radio" id="dA4" name="dan4"><label for="dA4">A.李小龙</p>

<p><input type="radio" id="dB4" name="dan4"><label for="dB4">B.李连杰</p>

<p><input type="radio" id="dC4" name="dan4"><label for="dC4">C.陈小春</p>

<p><input type="radio" id="dD4" name="dan4"><label for="dD4">D.刘德华</p>

<input type="button" value="提交答案" onclick="dan4_answer()"><hr>

<span id="d4_tetion"></span>

</div>

<div id="dan5">

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

<p><input type="radio" id="dA5" name="dan5"><label for="dA5">A.李小龙</p>

<p><input type="radio" id="dB5" name="dan5"><label for="dB5">B.李连杰</p>

<p><input type="radio" id="dC5" name="dan5"><label for="dC5">C.陈小春</p>

<p><input type="radio" id="dD5" name="dan5"><label for="dD5">D.刘德华</p>

<input type="button" value="提交答案" onclick="dan5_answer()"><hr>

<span id="d5_tetion"></span>

</div>

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

<div id="box">

<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>

<p><input type="checkbox" id="E"><label for="E">E.电梯工程、电气工程、节能工程</label></p>

<input type="button" value="提交答案" onclick="answer()"><hr>

<span id="tetion"></span>

</div>

<div id="box2">

<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>

<p><input type="checkbox" id="E2"><label for="E2">E.电梯工程、电气工程、节能工程</label></p>

<input type="button" value="提交答案" onclick="answer2()"><hr>

<span id="tetion2"></span>

</div>

<div id="box3">

<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>

<p><input type="checkbox" id="E3"><label for="E3">E.电梯工程、电气工程、节能工程</label></p>

<input type="button" value="提交答案" onclick="answer3()"><hr>

<span id="tetion3"></span>

</div>

<div id="box4">

<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>

<p><input type="checkbox" id="E4"><label for="E4">E.电梯工程、电气工程、节能工程</label></p>

<input type="button" value="提交答案" onclick="answer4()"><hr>

<span id="tetion4"></span>

</div>

<div id="box5">

<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>

<p><input type="checkbox" id="E5"><label for="E5">E.电梯工程、电气工程、节能工程</label></p>

<input type="button" value="提交答案" onclick="answer5()"><hr>

<span id="tetion5"></span>

</div>

<script type="text/javascript">

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>

要在MyEclipse中为考试系统创建倒计时计时器,可以使用JavaScript将计时器添加到考试页面。以下是如何做到这一点的示例:

在MyEclipse中打开检查页面的HTML文件。

将<script>元素添加到HTML文件的<head>部分。

在<script>元素中,添加以下代码以定义将显示倒计时计时器的JavaScript函数:

此函数将使用倒计时的总持续时间(以秒为单位)和一个HTML元素来显示计时器。然后,它将每秒更新显示元素的文本内容,以显示剩余时间。

将<div>元素添加到您希望显示倒计时计时器的检查页面。给元素一个id属性(例如“timer”)。

在<script>元素中,添加以下代码以在页面加载时启动倒计时计时器:

该代码将在页面加载时启动计时器,使用5分钟(300秒)的持续时间和id为“timer”的<div>元素。您可以调整显示元素的持续时间和选择器,以满足您的特定需求。

将此代码添加到考试页面后,页面加载后,倒计时计时器应立即启动,并显示考试结束前的剩余时间。

山西招生考试网官网报名系统登录网址: http://www.sxkszx.cn/index.html

一、山西招生考试网官网登录网址及入口

点击登录: http://www.sxkszx.cn/index.html

二、山西招生考试网简介和联系方式

1、贯彻执行国家和省有关招生、考试工作的方针政策和法律法规。

2、负责制定有关招生、考试及录取管理工作的实施方案及相关政策措施。

3、负责全省研究生普通高校、成人高校、中专的招生考试录取管理工作;负责全省高等(中等)教育自学ks管理工作;负责全省普通高校专升本、中等职业学校对口升学等综合性考试和录取管理工作。

4、负责全省普通高校专升本招生考试、中等职业学校对口升学招生考试、普通高校艺术类招生考试、高等教育自学ks、普通中专招生考试等综合性考试的命题与题库建设组织管理和研究工作。

5、负责国家教育部门组织的各类非学历资格证书全国统一考试实施工作;负责社会其他行业委托的考试管理工作;拓展适应社会发展需求的各类考试项目;负责相关社会考试项目培训(考试)机构的管理和指导工作。

6、负责各市、院校招生考试机构(人员)的业务指导和监督检查。

7、负责招生考试的对外联络与合作,协调省直各有关部门之间教育招生考试工作。

8、开展招生考试工作的科学研究;开发招生考试信息资源;开展招生考试服务工作。

9、保护考生和招生考试工作人员的正当权益,查处违纪违规考生,协助有关部门调查处理招生考试工作中发生的重大问题。

10、完成省政府、省招生考试委员会和省教育厅交办的其他工作。

三、山西高考考生注意事项

 一、黑色中性笔

一定要用0.5mm的黑色中性笔答题,不然太细的字迹可能会被漏扫进电脑

 二、2B铅笔

考试专用2B铅笔

辛苦答题,结果可能是“零分”,“祸根”就在于涂答题卡的2B铅笔不合格!标准化考试中,计算机只能识读铅芯浓度为2B的铅笔笔迹,过浓或过淡都会造成计算机识读的失败或错误,请到大型商场选购。

三、考试圆规

考试专用,圆规、三角、直尺、量角器。一套在手,考试不愁!

四、戴耳机的收音机(有的省市要求带,有的不用带)

五、考试橡皮擦

拥有前所未有的超强擦除能力,应用新技术的产品能让你轻松地擦去书写错误!

 六、考试透明文件袋

方便使用,易清洗,更方便考生检查自己的物品是否齐全。

七、两证——准考证、身份z

准考证、身份z是进入考场的有效证件,必须妥善保存。

八、文具

2B铅笔(两支)、黑色签字笔(另带两支同颜色的笔芯)、削铅笔刀、橡皮、直尺、圆规、三角板等。特别提醒:涂答题卡使用的铅笔削得太细,会延长涂卡时间,建议把铅笔削成扁扁的“鸭嘴”形,涂卡时,一抹就可覆盖选项

 九、水

很多经历过高考的同学反映,考试时遇到卡壳的题,象征性地喝口水,可以让自己放松一下

 十、雨具

考试前两天考生应注意天气预报,了解高考当天的天气情况,如果有雨,提前准备好雨具

十一、眼镜

 十二、其他

清凉油、藿香正气胶囊、手帕纸巾,缓解眼疲劳的眼药水、一些零钱等。并记下带队教师的电话号码,有紧急情况可及时同带队教师联系。


欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存