js实现在线测试8代码
来源：互联网 发布：数据库高级培训 编辑：程序博客网 时间：2024/06/09 22:37
<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 = 0if (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>
