JS开发线测试测试类应用 "抑郁症测试"

2020-08-03T08:07:10
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

关于抑郁症的评测,目前广受欢迎,所以一直以来都想搞个版本出来放到网上用,好久没有码代码了,感觉有点生疏了,尤其是以前不怎么搞前段的开发,js 和 html的样式调试非常费时间。。。 

这套抑郁症的测试题是网上的公开版本,也被称为是国标版,实际上有很多套不同的自测题,不过我还是选了这套老版本。

JS开发测试类的应用具有固定的模式和定律,故此依照这个可以开发出更多不同的类型自测和测试应用。

上代码:

定义数组,将测试题编入js数组.....  这里仅提供结构代码

var xlist = [{

"isScore": "1", 
"answer": {
    "A": "75", 
    "B": "60",
    "C": "30",
    "D": "0"  
    }

}, {

"img": "",
"question": "",
"answer": {"a":"","b":"","c":"","d":""

}
js 在页面获取数组内容,参照点击动作依此进行

function ceshi(){

if(isScore == "1"){

    var scoreTal = 0;
    str = '<div class="jdt_box_02">';
     
    
    str += '<div class="cex_js">'+xlist[1].question+'</div>';
    
    str += '<div class="sel_ces">';
    $.each(xlist[1].answer,function(key,val){
        radioNum++;
        str+='<p><label for="rd_'+radioNum+'"><a href="" class="btnSel" goNext="'+val.next+'" scVal="'+val.score+'"><input type="radio" name="rdSel" id="rd_'+radioNum+'">'+val.title+'</a></label></p>';
    });
    str += '        <div class="clear"></div>';
    str += '    </div>';
    str += '</div>';
    
     
    var isNanIn = 0;
    $("#question").on("click",".btnSel",function(){
        str = "";
        nextVal = $(this).attr("goNext");
        if(isNanIn == 0){
            scoreTal = scoreTal + $(this).attr("scVal")/1;
        }
        
        if(!isNaN(nextVal)){
            str = '<div class="jdt_box_02">';
            
             
            $.each(xlist[nextVal].answer,function(key,val){
                radioNum++;
                str+='<p><label for="rd_'+radioNum+'"><a href="" class="btnSel" goNext="'+val.next+'" scVal="'+val.score+'"><input type="radio" name="rdSel" id="rd_'+radioNum+'">'+val.title+'</a></label></p>';
            });
         
            
            $("#question").html(str);
            lenRate = ((nextVal-1)/talNums)*100;
            if(lenRate > 99){lenRate = 98;}
            $("#progress").html(' <b style="width:'+lenRate+'%;"><em>'+(nextVal-1)+'/'+talNums+'</em></b> ');
            $('body,html').animate({scrollTop:0},300);
        }else{
            isNanIn = 1;
            $("#progress").html(' <b style="width:100%;"><em>'+(talNums)+'/'+talNums+'</em></b> ');
            var iptName = "A";
             
         
            $('body,html').animate({scrollTop:0},300);
        }

}

}
 

抑郁症并不可怕,可怕的是你放弃了自己!抑郁症在当下已广泛存在,主要表现为心情郁闷,缺失自尊心和进取之心,注意力分散,睡眠不足,食之无味。 这套抑郁症测试题属于国际标准版本,具有普遍的代表性,克服抑郁症也不难,请及时调整心态都能战胜自我,故此在线工具网为每道测试题搭配了充满正能量的温馨图片。愿所有抑郁症患者都能走向阳光。

抑郁症测试题: https://www.zxgj.cn/g/yiyuzheng

抑郁症测试题国际标准版本是目前最为通用和广泛采用的抑郁症测试题,原本测试题有30个,经过分析和精简后为20题,作为自认为可能有抑郁症的朋友做测试,但是不能作为治疗依据。请参考而定。 

扫一扫关注公众号添加购物返利助手,领红包
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »
因本文不是用Markdown格式的编辑器书写的,转换的页面可能不符合MIP标准。