當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS編寫在線心理測試腳本

JS編寫在線心理測試腳本

2012/11/10 15:03:21作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

JS編寫在線心理測試腳本

【實例描述】

本例提供的代碼可以為用戶在線回答一個問題。用戶選擇一個項目，然后根據(jù)所選項給出選擇結(jié)果的解釋。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
<SCRIPT language=JavaScript>
<!--
function processForm(form){
if (form.c1[0].checked==1) form.answer.value=
"喜歡純潔的世界，自己內(nèi)心一塵不染，可能有超凡脫俗的性能。
不太適合這個社會。";
if (form.c1[1].checked==1) form.answer.value=
"踏實、穩(wěn)重、有責(zé)任感。喜歡自己想問題，對身邊的人也很關(guān)心";
if (form.c1[2].checked==1) form.answer.value=
"穩(wěn)重大方，喜歡大自然，心存善良，容易被騙！";
}
//-->
</SCRIPT>
</head>
<body>
<TABLE border=0 cellPadding=4 cellSpacing=0 height=78 width=500>
  <TBODY>
  <TR>
    <TD align=middle height=38 width=561><SPAN 
      style="FONT-SIZE: 6pt">◇◆◇◆◇</SPAN><SPAN 
      style="FONT-SIZE: 12pt"><STRONG>你是什么樣的性格</STRONG>
</SPAN><SPAN 
      style="FONT-SIZE: 6pt">◇◆◇◆◇</SPAN></TD></TR>
</TBODY></TABLE></DIV>
<FORM name=see>
<DIV align=left>
<TABLE border=0 cellPadding=10 cellSpacing=0 height=223 width=517>
  <TBODY>
  <TR>
    <TD height=1 width=517>
      <DIV align=left>
      <P>通過顏色判斷，你最喜歡什么顏色</P></DIV>
      <DIV align=left>
      <P><INPUT name=c1 type=radio value=1>白色。<BR><INPUT name=c1 type=radio 
      value=3>黑色。<BR><INPUT name=c1 type=radio value=V1>藍色。 
  </P></DIV></TD></TR>
  <TR>
    <TD align=middle height=27 width=517>
<INPUT onclick=processForm(this.form) style="FONT-FAMILY: 宋體; 
FONT-SIZE: 9pt" type=button value=已選好，看看你有什么樣的性格！>
</TD></TR>
  <TR>
    <TD align=middle height=-12 width=517><TEXTAREA cols=47 
name=answer rows=5 style="COLOR: rgb(255,0,0); FONT-FAMILY: 宋體; 
FONT-SIZE: 9pt; LINE-HEIGHT: 15px"></TEXTAREA></TD></TR>
</TBODY></TABLE></body>
</html>

【運行效果】

 在線心理測試腳本運行效果

【難點剖析】

本例的重點是“processForm”方法。此方法獲取用戶選擇的單選項，然后根據(jù)所選項返回不同的內(nèi)容?！癱hecked”屬性用來判斷單選控件是否被選擇，值為“true”時表示此項被選中。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：JS編寫在線心理測試腳本 進行本實例源碼下載 

標(biāo)簽： JS編寫  判斷  腳本