JS编写在线心理测试脚本

2012/11/10 15:03:21作者：佚名来源：网络

移动端

【实例名称】

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

标签：判断

热门软件/ 推荐游戏/ 手机软件

JS编写在线心理测试脚本

资讯分类

推荐教程

精品软件推荐