js实现在线测试8代码
2013-09-01 11:23
405 查看
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script language="javascript" type="text/javascript">
function next(id1,id2){
document.getElementById("t"+id1).style.display = "none";
document.getElementById("t"+id2).style.display = "block";
}
function Result(form) {
document.getElementById("t10").style.display = "none";
document.getElementById("t11").style.display = "block";
var score = 0
if (form.Q01[2].checked) { score ++; } //判断返回值
if (form.Q02[1].checked) { score ++; }
if (form.Q03[0].checked) { score ++; }
if (form.Q04[2].checked) { score ++; }
if (form.Q05[2].checked) { score ++; }
if (form.Q06[2].checked) { score ++; }
if (form.Q07[3].checked) { score ++; }
if (form.Q08[0].checked) { score ++; }
if (form.Q09[1].checked) { score ++; }
if (form.Q10[0].checked) { score ++; }
score1=score; //判断最终结果
if (score1 > 8) { alert('恭喜恭喜！你答对了'+score1+'道题，成绩不错啊 ')}
else { alert('你只答对了'+score1+'道题，继续努力！！！') }
}
</script>
</head>
<body>
<div align="center">
<h1>驾校考题测试</h1>
</div>
<FORM name=pt1>
<div id="t0" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;">
<input type="button" name="" value="开始答题" onClick="next(0,1)"/>
<div > <br/>
<br/>
</div>
</div>
<div id="t1" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-32.wmv'>
<embed src='c-32.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>1. 这辆在道路上行驶的机动车有下列哪种违法行为？</p>
<br/>
<input name="Q01" type=radio value="">
逆向行驶
<input name="Q01" type=radio value="">
未按规定悬挂号牌
<input name="Q01" type=radio value="">
故意遮挡号牌
<input name="Q01" type=radio value="">
占用非机动车道<br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(1,2)"/>
</div>
</div>
<div id="t2" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-46.wmv'>
<embed src='c-46.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>2. 前方路口这种信号灯表示什么意思？</p>
<br/>
<input name="Q02" type=radio value="">
路口警示
<input name="Q02" type=radio value="">
禁止通行
<input name="Q02" type=radio value="">
准许通行
<input name="Q02" type=radio value="">
提醒注意 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(2,3)"/>
</div>
</div>
<div id="t3" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-047.wmv'>
<embed src='c-047.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>3. 前方路口这种信号灯表示什么意思？</p>
<br/>
<input name="Q03" type=radio value="">
路口警示
<input name="Q03" type=radio value="">
加速直行
<input name="Q03" type=radio value="">
加速左转
<input name="Q03" type=radio value="">
禁止右转 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(3,4)"/>
</div>
</div>
<div id="t4" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-48.wmv'>
<embed src='c-48.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>4. 前方路口这种信号灯表示什么意思？</p>
<br/>
<input name="Q04" type=radio value="">
路口警示
<input name="Q04" type=radio value="">
禁止通行
<input name="Q04" type=radio value="">
准许通行
<input name="Q04" type=radio value="">
提醒注意 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(4,5)"/>
</div>
</div>
<div id="t5" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-54.wmv'>
<embed src='c-54.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>5. 道路上规划这种标线的车道内允许下列哪类车辆通行？</p>
<br/>
<input name="Q05" type=radio value="">
出租车
<input name="Q05" type=radio value="">
公务用车
<input name="Q05" type=radio value="">
公交车
<input name="Q05" type=radio value="">
私家车 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(5,6)"/>
</div>
</div>
<div id="t6" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-56.wmv'>
<embed src='c-56.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>6. 有这种信号灯的路口允许机动车如何行使？</p>
<br/>
<input name="Q06" type=radio value="">
向左转弯
<input name="Q06" type=radio value="">
直行通过
<input name="Q06" type=radio value="">
向右转弯
<input name="Q06" type=radio value="">
停车等待 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(6,7)"/>
</div>
</div>
<div id="t7" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-57.wmv'>
<embed src='c-57.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>7. 遇到这种情况的路口怎样通过？</p>
<br/>
<input name="Q07" type=radio value="">
左转弯加速通过
<input name="Q07" type=radio value="">
加速直行通过
<input name="Q07" type=radio value="">
右转弯加速通过
<input name="Q07" type=radio value="">
确认安全后通过 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(7,8)"/>
</div>
</div>
<div id="t8" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-58.wmv'>
<embed src='c-58.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>8. 这段道路红车所在车道是什么车道？</p>
<br/>
<input name="Q08" type=radio value="">
快速车道
<input name="Q08" type=radio value="">
慢速车道
<input name="Q08" type=radio value="">
专用车道
<input name="Q08" type=radio value="">
应急车道 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(8,9)"/>
</div>
</div>
<div id="t9" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='c-63.wmv'>
<embed src='c-63.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>9. 在路口这个位置时可以加速通过路口。</p>
<br/>
<input name="Q09" type=radio value="">
正确
<input name="Q09" type=radio value="">
错误 <br/>
<br/>
<input type="button" name="" value="下一题" onClick="next(9,10)"/>
</div>
</div>
<div id="t10" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
<param name=ShowStatusBar value=-1>
<param name=Filename value='C-163.wmv'>
<embed src='C-163.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
</object>
<div > <br/>
<p>10 遇到这种情况的路段，可以进入网状线区域停车等候。</p>
<br/>
<input name="Q10" type=radio value="">
正确
<input name="Q10" type=radio value="">
错误 <br/>
<br/>
<input type="button" name="" value="完成" onclick="Result(this.form)"/>
</div>
</div>
<div id="t11" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;"> 完成答题 <br/>
<div > <br/>
<br/>
</div>
</div>
</FORM>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS+CSS实现出现在网页左侧可折叠在线客户代码
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- 使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- 用JS实现一个在线测试(有单选、多选、判断题型),求在同一个JS里来判断单选框或复选框选中的值
- 使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- 使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- 实现来源百度自动跳转到竞价站的JS代码
- js金额数字格式化实现代码(加减逗号处理)
- JS实现-DIV自动居中代码
- JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据
- QQ在线实现代码
- JS实现左右无缝轮播图代码
- 纯JS实现只能输入数字的简单代码
- js实现点小图看大图效果的思路及示例代码
- JS记录用户登录次数实现代码
- 追求代码质量: 通过测试分类实现敏捷构建
- js文章快速分享代码 (未测试)