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编写在线心理测试脚本 进行本实例源码下载