基于jQuery实现的问卷调查样式资源-CSDN文库

共6个文件

html：2个

js：1个

svg：1个

其他代码

170 浏览量 2020-06-12 03:21:23 上传评论收藏 36KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

page1209.zip （6个子文件）

基于jQuery实现的问卷调查样式

css

test_rx.css 8KB

2.html 2KB

images

bj.jpg 42KB

ls.svg 14KB

jQuery.fontFlex.js 394B

index.html 3KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>基于jQuery实现的问卷调查样式</title>   <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>  <link rel="stylesheet" href="css/test_rx.css"> </head> <body>  <div class="wjdt_title"> <h3>问卷调查</h3> <p>获免费普通话课程+8折优惠券</p> <img src="images/ls.svg" style="width:3rem; position:absolute; top:1rem; left:1rem; "> </div> <div class="dtks_box" >  <div class="kcks_title_ts " date-title="2" date-last="0"> <h4 class=" kctm_zzbt">是否了解教师资格证考试？</h4> <ul class="dxt_box"> <li> <em></em><span>是</span> </li> <li> <em></em><span>否</span> </li> </ul> </div>  <div class="kcks_title_ts hide" date-title="2" date-last="0"> <h4 class=" kctm_zzbt">是否参加过2016年11月5日教师资格证笔试？</h4> <ul class="dxt_box"> <li> <em></em><span>是</span> </li> <li> <em></em><span>否</span> </li> </ul> </div>  <div class="kcks_title_ts last hide" date-title="2" date-last="1"> <h4 class="kctm_zzbt">是否有意向近期报考教师资格证？</h4> <ul class="dxt_box"> <li> <em></em><span>是</span> </li> <li> <em></em><span>否</span> </li> </ul> </div> </div>  <div class="kasj_db_but "> <a href="javascript:void(0);" class="tj_zuotm">提交选择</a> </div> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script src="js/jQuery.fontFlex.js"></script> <script> $(document).ready(function(e) { //320宽度的时候html字体大小是20px;、640宽度的时候html字体大小是40px; $('html').fontFlex(20, 40, 16); // $(".dxt_box li").click(function(){ $(this).addClass("on").siblings().removeClass("on"); $(this).parent(".dxt_box").parent(".kcks_title_ts").attr("date-title",1); $(this).parent(".dxt_box").parent(".last").attr("date-title",0); }); //判断选择是还是否 $(".tj_zuotm").click(function(){ var dxq_li = $(".dxt_box li"); if(dxq_li.hasClass("on")){ //alert("1"); //location.href = "是_选择行业.html"; $(".dtks_box").children(".kcks_title_ts").each(function(index, element) { if($(this).attr("date-title")==1&&$(this).attr("date-last")==0){ //$(this).hide().next().show(); $(this).children(".dxt_box").children("li").removeClass("on"); $(this).hide().next().show(); } if($(this).attr("date-title")==0&&$(this).attr("date-last")==1){ location.href = "2.html"; } }); return; }/*if(dxq_li.eq(1).hasClass("on")){ //alert("2"); return; }*/else{ alert("请选择！"); } }); }); </script>  </body> </html>

评论收藏

内容反馈