自动跳转心理测试题代码

<script type='text/javascript' src='https://www.xinlixue.cn/………………/jquery.js?ver=1.0.1'></script>  

<script type="text/javascript">
function processForm(form){
var xf1=xf2=xf3=xf4=xf5=xf6=xf7=xf8=xf9=xf10=0;
var xf11=xf12=xf13=xf14=xf15=xf16=xf17=xf18=xf19=xf20=0;
var xf21=xf22=xf23=xf24=xf25=xf26=xf27=xf28=xf29=xf30=0;
var xf31=xf32=xf33=xf34=0;

var yuyan=shuxue=zhiti=shijue=yinyue=renji=neixing=0;

if (form.c1[0].checked==1) xf1=1;
if (form.c1[1].checked==1) xf1=0;


if (form.c2[0].checked==1) xf2=1;
if (form.c2[1].checked==1) xf2=0;


if (form.c3[0].checked==1) xf3=1;
if (form.c3[1].checked==1) xf3=0;

………………


   

yuyan=xf1+xf8+xf17+xf23+xf30;
shuxue=xf3+xf7+xf15+xf24+xf31;
zhiti=xf5+xf9+xf14+xf26+xf33;
shijue=xf4+xf11+xf13+xf22+xf29;
yinyue=xf6+xf12+xf18+xf25+xf32;
renji=xf2+xf10+xf19+xf21+xf28;
neixing=xf10+xf16+xf20+xf27+xf34;


var quesnum=34;
 for(var i=1;i<=quesnum;i++){
  var objName="c" + i;
  var obj=document.getElementsByName(objName);
  var objLen=obj.length;
  var objYN;
  objYN=false;
 
  for(var j=0;j<objLen;j++){
   if(obj[j].checked==true){
    objYN=true;
    break;
   }
  }
  if(!objYN){
   alert("请选择第" + i + "题的答案！");
   return false;
  }
 }

var tm = $("p.form-single-hidden").length;
var radio_le = $("input[type='radio']:checked").length;
if(tm == radio_le){
var grade = '{"语言智能得分":'+yuyan+',"数学逻辑智能得分":'+shuxue+',"肢体运动智能得分":'+zhiti+',"视觉空间智能得分":'+shijue+',"音乐智能得分":'+yinyue+',"人际关系智能得分":'+renji+',"内省智能得分":'+neixing+'}';
form.answer.value=grade;
}
else{
 alert('请为所有题目选择一个选项');
}

}
</SCRIPT>
<p><style type="text/css">
  .form-single{height:1200px;margin:0px;overflow :hidden;position: relative;}
  .form-single-hidden{display: block;opacity:1;position: absolute;-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-ms-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in;z-index: -1;}
  .form-single-active{display: block;z-index: 10;position: absolute;width:100%;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
  .form-single .form-single-panel{position: absolute;width:100%;}
  .form-single-line{width:100%;display: inline-block; margin-top:2px;margin-bottom: 2px;cursor:pointer;height:40px;line-height:40px;border-radius: 7px;padding-left:10px;}
  .form-single-line:hover{background-color:#eee;color:green;}
</style>      
 <script type="text/javascript">
  var formSingleDown = function(obj){
    var $next = obj.next();
    obj.animate({
      top : -obj.height(),
      'z-index':-1,
      opacity:0
    },500,function(){
      obj.removeClass('form-single-active').addClass('form-single-hidden');
      $next.animate({
        opacity:1,
        'z-index':10,
        top : 0
      },500,function(){
        $next.removeClass('form-single-hidden').addClass('form-single-active');
      });
    });
  };
  var formSingleUp = function(){
    var $obj = $('.form-single .form-single-active');
    var $prev = $obj.prev();
    if($prev.attr('class') == 'form-single-hidden'){
      $obj.animate({top : $obj.height(),'z-index':-1},500,function(){
        $obj.removeClass('form-single-active').addClass('form-single-hidden');
        $prev.animate({opacity:1,top : 0,'z-index':10},500,function(){
          $prev.removeClass('form-single-hidden').addClass('form-single-active');
          if($prev.prev().attr('class') !='form-single-hidden'){
            $('.form-single-upbtn').addClass('btn-default').removeClass('btn-primary').addClass('disabled');
          }
        });
      });
    }
  };
  $(document).ready(function(){
    $('.form-single').delegate('.form-single-active>span','click',function(){
      var $obj = $(this).parent();
      if($obj.attr('class') != 'form-single-active'){
        $obj = $obj.parent();
      }
      formSingleDown($obj);
     $('.form-single .form-single-upbtn').addClass('btn-primary').removeClass('btn-default').removeClass('disabled');
    });
    var activeObjectHeight = $('.form-single-active').height()+50;
    $('.form-single-panel').css('top',activeObjectHeight);
    var panelHeight = $('.form-single-panel').height();
    $('.form-single').height(panelHeight+activeObjectHeight);
    $('.form-single-line').delegate('','click',function(){
      $(this).find('input').prop('checked',true);
    })
  });
</script></p>

<form class="form-single" name="hhr">
    <div class="row form-single-panel">
    <input type="hidden" name="score" /> <input type="button" class="btn btn-default" value="提交答卷&gt;&gt;测评结果" name="button"  onclick="javascript:{this.disabled=true;processForm(this.form);}" /> <input type="reset" class="btn btn-default" value="重新选择" name="B2" /> <input type="button" class="btn btn-default form-single-upbtn disabled" value="上一题" onclick="formSingleUp()" />
    <textarea name="answer" style="font-family: 宋体; color: blue; font-size: 9pt" cols="60" rows="6"></textarea>
    <div class="row form-single-result">
    <p>根据霍华德&middot;加德纳的划时代学术专著《多元智能》：</p>
    <p>A．语言智能，是指人们对于语言文字的掌握、运用、表现能力。这种能力在诗人、作家和演说家身上表现得最为突出。</p>
    <p>B．数学逻辑智能，是指数学思维和逻辑推理、科学分析的能力。</p>
    <p>C．空间智能，就是在脑中形成一个外部空间世界的模式，并能够运用和操作这种模式的能力。水手、工程师、外科医生、雕刻家、画家等都是具有高度发达的空间智能的例子。</p>
    <p>D．音乐智能，从事音乐创作、演奏和其他舞台表演的人，通常在这方面比较突出。</p>
    <p>E．身体运动智能，是运用整个身体或身体的一部分解决问题或制造产品的能力。舞蹈家、体育运动员、外科医生、手工艺大师在这方面有突出的表现。</p>
    <p>F．人际关系智能，就是理解他人的能力，教育家、心理医生、宗教领袖、政治家、推销员、经纪人等等具有这方面的长处。</p>
    <p>G．内省智能，这是一种深入自己内心世界、了解自己的感情生活、辨别自己的情绪变化、体验自己精神活动的能力，即建立准确而又真实的自我模式，并在实际生活中有效地运用这一模式的能力。由于这种智能的隐形性，如果观察者想探知的话，需要有来自语言、音乐或者其他显性智能的证据。一般来说，文学家、哲学家、心理学家、神学家、音乐家都是便于显现自己的自我认知智能的人。</p>
    <p>H．自然智能,如达尔文等人的发现自然的能力就是一个证明。自然智能是《多元智能》一书出版后的新发现。<b>本儿童测试不测该项。</b></p>
    </div>
    </div>
    <p class="form-single-active">1．在背诗和有韵律的词句时很出色：<br />
    <span class="form-single-line"><input type="radio" name="c1" value="1" /> 符合<br /></span>    
    <span class="form-single-line"><input type="radio" name="c1" value="4" /> 不符合</span></p>
    <p class="form-single-hidden">2．能注意到别人愁闷和高兴的情绪变化。<br />
    <span class="form-single-line"><input type="radio" name="c2" value="6" /> 符合<br /></span>
    <span class="form-single-line"><input type="radio" name="c2" value="9" /> 不符合</span></p>
    <p class="form-single-hidden">3．常常问诸如&ldquo;时间是从什么时候开始的？&rdquo;问题。<br />
    <span class="form-single-line"><input type="radio" name="c3" value="11" /> 符合<br />
    </span>     <span class="form-single-line"><input type="radio" name="c3" value="14" /> 不符合</span></p>
………………
    <p class="form-single-hidden">全部结束，请您提交！</p>
</form>