如何用jquery来实现在线考试系统
发布网友
发布时间：2022-04-23 03:59
共3个回答
热心网友
时间：2022-04-23 08:11
<script>
$(function(){
$('[id=^Question]').hide(); //全部隐藏
$('[id=^Question]').eq(0).show(); //显示第一题
$('[id=^Question]').each(function(){
$(this).children().click(function(){ //为每道题的每个选项绑定click事件
//如果有当前点击的被选中且有下一题的情况下显示下一题
if($(this).attr('checked') && $(this).parent().next().is('[id=^Question]')){
$(this).parent().next().show();
}
});
});
});
</script>
<div id="Question1">
<input type="radio" value="A" name="Question1" />A
<input type="radio" value="B" name="Question1" />B
<input type="radio" value="C" name="Question1" />C
<input type="radio" value="D" name="Question1" />D
</div>
<div id="Question2">
<input type="radio" value="A" name="Question2" />A
<input type="radio" value="B" name="Question2" />B
<input type="radio" value="C" name="Question2" />C
<input type="radio" value="D" name="Question2" />D
</div>
...
<div id="QuestionN">
<input type="radio" value="A" name="QuestionN" />A
<input type="radio" value="B" name="QuestionN" />B
<input type="radio" value="C" name="QuestionN" />C
<input type="radio" value="D" name="QuestionN" />D
</div>
热心网友
时间：2022-04-23 09:29
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery确定选择的是那个单选按钮</title>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
$(":radio").each(function(){
$(this).click(function(){
if(this.checked==true){
//在这里你可以确定是那个radio被选中 然后进行相应的逻辑 就ok
alert("您选择了:"+this.value);
}
});
});
});
</script>
</head>
<body>
<div name="">
<label>第一题</label></br>
<label><input name="number1" type="radio" id="New_0" value="A" />A</label>
<label><input name="number1" type="radio" id="New_1" value="B" />B</label>
<label><input name="number1" type="radio" id="New_2" value="C" />C</label>
<label><input name="number1" type="radio" id="New_3" value="D" />D</label>
</div>
</body>
</html>
原理都是一样的 希望能帮到你
热心网友
时间：2022-04-23 11:04
为获取帮助，你需要告诉我们合法的电子邮件地址。
您还能直接通过Baihi联系我们, 或依靠百度知道向我求助, 或应用百度知道发送短消息
或QQ:六五七幺五六幺五('幺'读 yao 一声)
有机会能解决你的任务
ES:\895FB0A2C1464D78438D21806D6D8432
交易提醒:预付订金是诈骗
定制开发信息管理系统,B2B/B2C电子商务,企业/个人网站更有优惠
