當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼編寫(xiě)在線考試(一)

JS代碼編寫(xiě)在線考試(一)

2012/11/9 19:14:00作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱(chēng)】

JS代碼編寫(xiě)在線考試(一)

【實(shí)例描述】

在線考試屬于比較流行的測(cè)試方法,本例提供一個(gè)只有單選題的在線考試代碼。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)-學(xué)無(wú)憂(wangbatian.cn)</title> <SCRIPT LANGUAGE="JavaScript"> function scoreCacu(form) {  list=0  if(form.Q1.value!=null && form.Q1.value=="*") {list=list+1} //如果返回的值帶*,則為正確,分?jǐn)?shù)值自增  if(form.Q2.value!=null && form.Q2.value=="*")  {list=list+1}  if(form.Q3.value!=null && form.Q3.value=="*") {list=list+1}  if(form.Q4.value!=null && form.Q4.value=="*")  {list=list+1}  if(form.Q5.value!=null && form.Q5.value=="*")  {list=list+1}  form.SCORE.value =eval(list) if (form.SCORE.value<=3){ //5題中,分?jǐn)?shù)值小于3為不及格  ok="不及格!"} }function clearScore(form) { //清空用戶(hù)選擇的項(xiàng)  list=0  form.Q1.value="?"  form.Q2.value="?"  form.Q3.value="?"  form.Q4.value="?"  form.Q5.value="?"  form.SCORE.value =eval(list) }function msg() {//發(fā)送郵件前的提示  alert("感謝參加測(cè)試,您的成績(jī)已經(jīng)將mail給Webmaster。")  } </SCRIPT></head> <body> <table width="75%" border="0" align="center"> <tr> <td> <form name="kaoshi1"  action =mailto:championchen@263.net?subject=測(cè)試結(jié)果反饋 method="post" enctype="text/plain"  onLoad="clearScore(this.form)" onSubmit="msg()"> 您的姓名: <input type="Text" name="Name" value="" class="pt9"> <br> <hr> 1. Internet上使用的網(wǎng)絡(luò)協(xié)議是:__________ <ol> <input type="radio" name="Q1" value="*TCP/IP" onClick=Q1.value="*"> TCP/IP<br> <input type="radio" name="Q1" value="FTP" onClick=Q1.value="FTP"> FTP<br> <input type="radio" name="Q1" value="HTTP" onClick=Q1.value="HTTP"> HTTP<br> </ol> 2. 我們通過(guò)__________長(zhǎng)距離連接兩臺(tái)計(jì)算機(jī)使它們通訊。 <ol> <input type="radio" name="Q2" value="LAN" onClick=Q2.value="A"> LAN<br> <input type="radio" name="Q2" value="*WAN" onClick=Q2.value="*"> WAN<br> <input type="radio" name="Q2" value="WAIS" onClick=Q2.value="C"> WAIS<br> </ol> 3. HUB是指:__________ <ol> <input type="radio" name="Q3" value="網(wǎng)關(guān)" onClick=Q3.value="網(wǎng)關(guān)"> 網(wǎng)關(guān)<br> <input type="radio" name="Q3" value="網(wǎng)橋" onClick=Q3.value="網(wǎng)橋"> 網(wǎng)橋<br> <input type="radio" name="Q3" value="路由器" onClick=Q3.value="路由器"> 路由器<br> <input type="radio" name="Q3" value="*集線器" onClick=Q3.value="*"> 集線器<br> </ol> 4. 家用寬帶的傳輸速度為:__________ <ol> <input type="radio" name="Q4" value="56Kbytes" onClick=Q4.value="A"> 每秒傳輸56K bytes的數(shù)據(jù)。 <br> <input type="radio" name="Q4" value="*128kbps" onClick=Q4.value="*"> 每秒傳輸128k bits的數(shù)據(jù)。 <br> </ol> 5. wireless是指:__________ <ol> <input type="radio" name="Q5" value="*寬帶" onClick=Q5.value="*"> 寬帶<br> <input type="radio" name="Q5" value="有線" onClick=Q5.value="B"> 有線<br> <input type="radio" name="Q5" value="無(wú)線" onClick=Q5.value="C"> 無(wú)線<br> </ol> <hr> <input type="button" name="submit" value="開(kāi)始評(píng)分" onClick=scoreCacu(this.form) class="pt9"> <input type="reset" name="reset" value="重新測(cè)試" onClick=clearScore(this.form) class="pt9"> <input type="submit" value="將成績(jī)MAIL給管理員" onClick=mailScore(this.form) name="submit" class="pt9"> <br> <br> 您的考試成績(jī): <inputname="SCORE" type="text" class="pt9"> </form> </td> </tr> </table> </body> </html>  

【運(yùn)行效果】

 在線考試代碼(一)運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)其實(shí)是如何判斷正確的選擇。本例在單選框的“onclick”事件中設(shè)置了選擇項(xiàng)的值,如果選擇正確則返回“*”。最后使用“scorecacu”方法判斷返回“*”的個(gè)數(shù),如果小于三個(gè)則不及格。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:在線考試JS代碼(一) 進(jìn)行本實(shí)例源碼下載