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题,怎么按顺序来