86 lines
4.1 KiB
HTML
86 lines
4.1 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
||
<title>性格测试</title>
|
||
<style type="text/css">
|
||
#no1ul{
|
||
list-style:none;
|
||
margin:0px;
|
||
padding:0px;
|
||
}
|
||
.close{
|
||
display:none;
|
||
}
|
||
.show{
|
||
color:#990000;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
function showTestResult(){
|
||
var radioNodes = document.getElementsByName("answer");
|
||
var resultNodes = document.getElementsByName("result");
|
||
//健壮性判断
|
||
var flag = false;
|
||
for(var x=0;x<radioNodes.length;x++){
|
||
if(radioNodes[x].checked){
|
||
flag = true;
|
||
showOne(resultNodes[x]);
|
||
break;
|
||
}
|
||
}
|
||
if(!flag){
|
||
showOne(resultNodes[4]);
|
||
}
|
||
}
|
||
//我们希望只显示一个测试结果
|
||
function showOne(node){
|
||
var resultNodes = document.getElementsByName("result");
|
||
for(var x=0;x<resultNodes.length;x++){
|
||
//先全部close
|
||
resultNodes[x].className = "close";
|
||
}
|
||
//再显示这个节点
|
||
node.className = "show";
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<h2>性格测试</h2>
|
||
<div>
|
||
<h3>问题</h3>
|
||
<span>每天下班回家一进门，你会怎样脱掉鞋子?</span>
|
||
<ul id="no1ul">
|
||
<li><input type="radio" name="answer" value="1"/>A、很随意的脱下鞋子，不在乎如何摆放。</li>
|
||
<li><input type="radio" name="answer" value="2"/>B、脱下鞋后，把鞋尖朝向门外的方向整齐排好。</li>
|
||
<li><input type="radio" name="answer" value="3"/>C、脱下鞋后，把鞋尖朝屋内的方向整齐排好。</li>
|
||
<li><input type="radio" name="answer" value="4"/>D、不自己脱鞋，而是由同住在一起的人帮你脱下鞋子。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<input type="button" value="查看测试结果" onclick="showTestResult()"/>
|
||
<hr/>
|
||
<div id="a" name="result" class="close">
|
||
A：这样的人，比较喜欢自由，认为生活舒适即可，不在意细节，完全不考虑社会体制和规则的类型，以追求自我欲望为中心。
|
||
较冲动，喜欢自由奔放的生活方式。比较自我的人，这种人是为了追求欲望而行动的类型，仍然持续幼儿时期的性格。
|
||
如果往好的方向发展，当然很好；但是，如果往坏的方向发展，结果会很令人惊叹。
|
||
</div>
|
||
<div id="b" name="result" class="close">
|
||
B：这样的人很能吃苦，用自己的辛勤来享受生活。凡事都要准备得万全，是追求完美的人。容易在社会上树敌很多，对于同事也毫不放松。
|
||
他们会压抑感情，喜怒不形于色，遵守社会规范而行动。但是，这种人的心里面防卫防备很严，即使认为是为了社会公益而做的事情，也会引起很多的误解。
|
||
你的道德心和伦理感相当强烈，建议最好不要给自己过多的负担以免吃不消。
|
||
</div>
|
||
<div id="c" name="result" class="close">
|
||
C：这样的人有自己的思考方式，有自己的做事风格，会适当地考虑方式方法，是办事周到的人。这样的人骄傲，但是又适度，所以会给人以成熟自信的感觉。
|
||
</div>
|
||
<div id="d" name="result" class="close">
|
||
D：这样脱鞋方式的人，不用多说，一定是比较任性的人，与其说是任性，倒不如说是被完全惯坏了，因为周围的人都宠她，她要做的事情，都会由别人帮她做的很好，
|
||
不是说她自己没由能力，是因为她的依赖性很强，所以这样的人必须注意与周围环境的协调，否则终有一天吃大亏。
|
||
</div>
|
||
<div id="e" name="result" class="close">
|
||
E：你很皮！
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |