答题-jquery

最新推荐文章于 2024-07-03 02:56:15 发布

阿毛哥

最新推荐文章于 2024-07-03 02:56:15 发布

阅读量478

点赞数

分类专栏：前端技术-Jquery

本文链接：https://blog.csdn.net/amao1/article/details/10028355

版权

前端技术-Jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-2.0.2.min.js"></script>
<script type="text/javascript">
var i=2;
$(document).ready(function() {
$(":radio").click(function(){
//alert('ok');
//$("#quest").children().not("#p"+i).hide();
$("#p"+i).show();
//$("div>#p"+i).siblings().hide();
$("#qu>p").not("#p"+i).hide();
//$("#p"+5).hide();
i++;
})
});
</script>
</head>
<body>
<div id="divMain">
<div class="problem" id="qu">
<p id="p1"><b>问题<span id="spnQindex">1</span>:</b><strong>1111111111111？</strong></p>
<p id="p2" style="display:none;"><b>问题<span id="spnQindex">2</span>:</b><strong>22222222222？</strong></p>
<p id="p3" style="display:none;"><b>问题<span id="spnQindex">3</span>:</b><strong>333333333333333？</strong></p>
<p id="p4" style="display:none;"><b>问题<span id="spnQindex">4</span>:</b><strong>44444444444444444？</strong></p>
<p id="p5" style="display:none;"><b>问题<span id="spnQindex">5</span>:</b><strong>555555555555555？</strong></p>
<div id="radiolist_0"><label for="Lab_无" class="s1 color2"
οnmοuseοver="this.className='s1 color1'"
οnmοuseοut="this.className='s1 color2'"><input id="Lab_0" type="radio"
name="rdo" >A.无</label></div>
<div id="radiolist_1"><label for="Lab_有时" class="s1 color1"
οnmοuseοver="this.className='s1 color1'"
οnmοuseοut="this.className='s1 color2'"><input id="Lab_有时" type="radio"
name="rdo" οnclick="loads2a(1434, 'q', 'go', 1)">B.有时</label></div>
<div id="radiolist_2"><label for="Lab_经常" class="s1 color2"
οnmοuseοver="this.className='s1 color1'"
οnmοuseοut="this.className='s1 color2'"><input id="Lab_经常" type="radio"
name="rdo" οnclick="loads2a(1434, 'q', 'go', 2)">C.经常</label></div>
</div>
<div class="progress">
<p><b>测试进度：</b>还剩下 <i>13</i> 个问题，选择答案后自动转到下一题！</p>
<p><span><img src=" http://img.39.net/test/2010/images/start.gif"></span><span
style="margin-left: 7.14285714285714%;"><img
src=" http://img.39.net/test/2010/images/here.gif"></span></p>
<p class="picbg"><span style="width: 7.14285714285714%;"></span></p>
</div>
</div>
</body>
</html>