软件学堂

网游分类软件分类

JS编写在线心理测试脚本

2012-11-10 来源:网络

【实例名称】

JS编写在线心理测试脚本

【实例描述】

本例提供的代码可以为用户在线回答一个问题。用户选择一个项目,然后根据所选项给出选择结果的解释。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <SCRIPT language=JavaScript> <!-- function processForm(form){ if (form.c1[0].checked==1) form.answer.value= "喜欢纯洁的世界,自己内心一尘不染,可能有超凡脱俗的性能。 不太适合这个社会。"; if (form.c1[1].checked==1) form.answer.value= "踏实、稳重、有责任感。喜欢自己想问题,对身边的人也很关心"; if (form.c1[2].checked==1) form.answer.value= "稳重大方,喜欢大自然,心存善良,容易被骗!"; } //--> </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”方法。此方法获取用户选择的单选项,然后根据所选项返回不同的内容。“checked”属性用来判断单选控件是否被选择,值为“true”时表示此项被选中。

【源码下载】

为了JS代码的准确性,请点击:JS编写在线心理测试脚本 进行本实例源码下载 

上一篇:PS调出漂亮MM非主流色调教程
下一篇:JS编写电脑检测健康情况

相关文章