jquery问卷调查或心理测试一项一项选择最终得分

转载于 2021-12-10 07:32:46 发布 · 268 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12288

文章标签：

#jquery #javascript #wpf

网站模版专栏收录该内容

3170 篇文章

订阅专栏

该段代码实现了一个网页交互的功能，包括问题浏览、选择答案、进度条展示和页面跳转。用户可以点击问题列表进行选择，答案会被累计计算。当达到指定条件时，会加载特定结果页面。同时，代码提供了前进、后退按钮状态的控制，确保用户不会超出范围操作。

下载地址

$(document).ready(function(){ var i=0; var sld=0; var res=0; var len=$("#issue").find("div.cnt").length; var prog=100; //$("#prog").css("width"); var ht=420; var speed=500; var page="data/result.html"; function setporogress(j){ i+=j; i=(i<0)? 0:i; checkbtn(); if(!$("#info").is(":animated")){ $("#tips span").html((i+1>len?len:i+1)+"/"+len+"题"); var wh=$("#tips").get(0).offsetWidth; var ress=Math.round(i*prog/len); $("#ress").css({"width": ress+"px"}); $("#tips").css({"left":ress-Math.round(wh/2)+"px"}); $("#issue").animate({"top": -i*ht + "px"},500); } } function selec(ele){ sld++; //alert(sld); ele= $(ele)? $(ele):ele; ele.parents("div.cnt").addClass("selected"); ele.addClass("sel"); res+=parseInt (ele.find("input").val()); if(sld0) { setporogress(-1) } }) $("#next").click(function(){ checkbtn(); if(sld>i) { setporogress(1) } }) $("#issue").find("li").click(function(){ if(!$(this).parents("div.cnt").hasClass("selected")){ selec(this); } setporogress(1); if(i==len){ result(res); } return false; }) .hover( function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")} ) function result(k){ var toload; if(k>=12 && k<=18) toload=page+" #re0"; if(k>18 && k<=24) toload=page+" #re1"; if(k>24 && k<=48) toload=page+" #re2"; $("#result").load(toload); }/* $("div.selected").click(function(){ $(this).find("li").click(); }) */ function warn(txt){ $("#war").html(txt).fadeIn(500,function(){$("#war").html("").fadeOut(500)}); } function checkbtn(){ if(i<=0){ $("#prev").addClass("noprev"); }else{ $("#prev").removeClass("noprev"); } if(sld<=i){ $("#next").addClass("nonext"); }else{ $("#next").removeClass("nonext"); } } setporogress(i);})){>