JS代碼編寫在線測試

2012/11/9 19:16:20作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

JS代碼編寫在線測試

【實例描述】

本例的代碼實現(xiàn)一個類似于心理測試的網(wǎng)頁。首先用戶回答問題，然后判斷用戶的得分，根據(jù)得分實現(xiàn)一個心理測試的效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（yzddtk.cn）</title>
</head>
<body>
<SCRIPT language=JavaScript>
function ResultEQ(form) {
var score = 0
if (form.Q01[0].checked) { score += -1 } //判斷返回值
if (form.Q01[1].checked) { score += 3 }
if (form.Q02[0].checked) { score += -1 }
if (form.Q02[1].checked) { score += 1 }
if (form.Q03[0].checked) { score += 3 }
if (form.Q03[1].checked) { score += 0 }
if (form.Q04[0].checked) { score += 3 }
if (form.Q04[1].checked) { score += 0 }
if (form.Q04[2].checked) { score += -1 }
if (form.Q05[0].checked) { score += -1 }
if (form.Q05[1].checked) { score += 3 }
if (form.Q06[0].checked) { score += 3 }
if (form.Q06[1].checked) { score += -1 }
if (form.Q07[0].checked) { score += 3 }
if (form.Q07[1].checked) { score += 0 }
if (form.Q08[0].checked) { score += 3 }
if (form.Q08[1].checked) { score += 0 }
if (form.Q09[0].checked) { score += 3 }
if (form.Q09[1].checked) { score += -1 }
if (form.Q10[0].checked) { score += 3 }
if (form.Q10[1].checked) { score += -1 }
score1=score*100/30                             
//判斷最終結果
if (score1 > 60) 
{ alert('恭喜恭喜！你的成功率是'+score1+'好兆頭，不是嗎？ ')}
if (score1 > 30 && score1 <61) 
{ alert('你的成功率是'+score1+'。怎么辦?加把勁吧！') }
if (score1 < 31 ) 
{ alert('你的成功率只有'+score1+'。你還是放棄吧...') }
}
</SCRIPT>
<P><FONT color=#ff8888 size=4>
<STRONG>戀愛成功率的心理測試 </STRONG></FONT></P>
<FORM name=pt1>
<OL>
  <LI>與愛人相處，能否直接詢問對方是不是愛你？
  <P><INPUT CHECKED name=Q01 type=radio value=1>能　
<INPUT name=Q01 type=radio 
  value=2>不能　</P>
  <LI>戀愛結婚主要是解決：
  <P><INPUT name=Q02 type=radio   value=1>生活　
<INPUT name=Q02 type=radio value=2>親密伴侶</P>
  <LI>從戀愛到結婚時間是否需要長一點？
  <P><INPUT CHECKED name=Q03 type=radio value=1>要　
<INPUT name=Q03 type=radio 
  value=2>不要</P>
  <LI>嫉妒是什么信號？
  <P><INPUT CHECKED name=Q04 type=radio value=1>愛　
<INPUT name=Q04 type=radio 
  value=2>不安　<INPUT name=Q04 type=radio value=3>競爭</P>
  <LI>可以只顧孩子，不顧愛人的感受嗎？
  <P><INPUT CHECKED name=Q05 type=radio value=1>可以　
<INPUT name=Q05 type=radio 
  value=2>不可以　</P>
  <LI>能同時和兩個人要好嗎？
  <P><INPUT CHECKED name=Q06 type=radio value=1>不能　
<INPUT name=Q06 type=radio 
  value=2>能　</P>
  <LI>許多人對婚后生活滿懷奢望，結果常常落空，是這樣嗎？ 
  <P><INPUT CHECKED name=Q07 type=radio value=1>是　
<INPUT name=Q07 type=radio 
  value=2>不是　</P>
  <LI>哪種人在婚姻中應該干家務，女人還是男人？ 
  <P><INPUT CHECKED name=Q08 type=radio value=1>女人　
<INPUT name=Q08 type=radio 
  value=2>男人　</P>
  <LI>忠貞是搞好婚姻的重要原則嗎？
  <P><INPUT CHECKED name=Q09 type=radio value=1>是　
<INPUT name=Q09 type=radio 
  value=2>不是　<BR></P>
<LI>愛情就是婚姻的基礎嗎？
  <P><INPUT CHECKED name=Q10 type=radio value=1>是　
<INPUT name=Q10 type=radio 
  value=2>不是　<BR></P>
</LI></OL>
<P>　　<INPUT name=finish onclick=ResultEQ(this.form) 
type=button value=情商> <INPUT type=reset value="重置">
</P></FORM>
</body>
</html>

【運行效果】

在線測試代碼運行效果