webveuje/zuoye/js/a.html

86 lines
4.1 KiB
HTML
Raw Normal View History

2021-06-03 02:52:41 +00:00
<!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">
2021-04-09 08:36:34 +00:00
<head>
2021-06-03 02:52:41 +00:00
<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>
2021-04-09 08:36:34 +00:00
</head>
<body>
2021-06-03 02:52:41 +00:00
<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>
2021-04-09 08:36:34 +00:00
</body>
</html>