那那哥 2018-10-05 03:06 采纳率: 100%
浏览 514

js循环判断语句怎么修改?

html代码:

<div class="QBox">
    <div>
        <div class="ques1 ques">
            <p>1.求出35/5*32=?</p>
            <ul class="ops">
                <li><input type="radio" value="1" name="t1"/><label>A.214</label></li>
                <li><input type="radio" value="2" name="t1"/><label>B.224</label></li>
                <li><input type="radio" value="3" name="t1"/><label>C.234</label></li>
                <li><input type="radio" value="4" name="t1"/><label>D.244</label></li>
            </ul> 
        </div>

        <div class="ques2 ques">
            <p>2.求出35/5*30=?</p>
            <ul class="ops">
                <li><input type="radio" value="1" name="t2"/><label>A.210</label></li>
                <li><input type="radio" value="2" name="t2"/><label>B.224</label></li>
                <li><input type="radio" value="3" name="t2"/><label>C.234</label></li>
                <li><input type="radio" value="4" name="t2"/><label>D.244</label></li>
            </ul> 
        </div>

        <div class="ques3 ques">
            <p>3.求出35/7*32=?</p>
            <ul class="ops">
                <li><input type="radio" value="1" name="t3"/><label>A.214</label></li>
                <li><input type="radio" value="2" name="t3"/><label>B.224</label></li>
                <li><input type="radio" value="3" name="t3"/><label>C.160</label></li>
                <li><input type="radio" value="4" name="t3"/><label>D.244</label></li>
            </ul> 
        </div>

        <div class="ques4 ques">
            <p>4.求出30/5*32=?</p>
            <ul class="ops">
                <li><input type="radio" value="1" name="t4"/><label>A.214</label></li>
                <li><input type="radio" value="2" name="t4"/><label>B.224</label></li>
                <li><input type="radio" value="3" name="t4"/><label>C.234</label></li>
                <li><input type="radio" value="4" name="t4"/><label>D.192</label></li>
            </ul>  
        </div>

    </div>

    <a class="nextQues" >下一题</a>

</div> 

js代码:

 $(function(){
    var i=0;
    var n=$('.ques').size();
    var lists=$('.ques');
    lists.hide();
    lists.first().show();
    $('.nextQues').click(function(){
        for(i=0;i<4;i++){
            var val=$('input:radio[name="t1"]:checked').val();
            var val1=$('input:radio[name="t2"]:checked').val();
            if(val==null && val1==null){
        alert("请选择选项1!");
        return false;
      }
        lists.eq(i).show();
        lists.eq(i).siblings().hide();
        }
        })
    })

现在是显示第一题,点击下一题直接跳到第4题,怎么按顺序来

  • 写回答

3条回答 默认 最新

  • 猫狗大战阿尔法 2018-10-05 04:19
    关注

    有个比较简单的方式:ques1、ques2、ques3、ques4按照顺序依次赋值给lists这个数组,后面lists.eq(i)就会顺序取值

    评论

报告相同问题?

悬赏问题

  • ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?