我的项目是这个意思(只用到前台实现,不要后台),根据选择题的个数,来切换到下一题,如果该题目没有被选中,提示“请答题”,如果到了最后一题提示“到底啦”。请问一下,我的代码哪里有问题?<body onload="init()">
<div class="ppt">
<div id="div1" class="all">
<div class="pic">
<p>This is the first question description.</p>
<div id='1' class="text">
<input id='a' type="radio" name="radio" class="o"/><span class="f">A.one11</span><br>
<input id='b' type="radio" name="radio" class="o"/><span class="f">B.two</span><br>
<input id='c' type="radio" name="radio" class="o"/><span class="t">C.three</span><br>
<input id='d' type="radio" name="radio" class="o"/><span class="f">D.four</span><br>
</div>
<div id='1' class="anwser">正确答案是:C</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='2' class="text">
<input id='a' type="radio" name="radios" class="t"/><span class="to">A.one22</span><br>
<input id='b' type="radio" name="radios" class="t"/><span class="fo">B.two</span><br>
<input id='c' type="radio" name="radios" class="t"/><span class="fo">C.three</span><br>
<input id='d' type="radio" name="radios" class="t"/><span class="fo">D.four</span><br>
</div>
<div id="2" class="anwser">正确答案是:A</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='3' class="text">
<input id='a' type="radio" name="radiot" class="s"/><span class="ts">A.one33</span><br>
<input id='b' type="radio" name="radiot" class="s"/><span class="fs">B.two</span><br>
<input id='c' type="radio" name="radiot" class="s"/><span class="fs">C.three</span><br>
<input id='d' type="radio" name="radiot" class="s"/><span class="fs">D.four</span><br>
</div>
<div id="3" class="anwser">正确答案是:A</div>
</div>
</div>
<!-- <div class="l lrpub">l</div>-->
<div class="r lrpub">下一题</div>
</div>
</body> var k = 0;
$(".r").click(function() {
if (k < $(".pic").length-1 && $("input").is(':checked')) {
k++;
} else if($(("input").length-1).prop("checked", false)){
alert("不能为空")
}
else if(k<$(".pic").length-1){
alert("到底啦");
}else{
alert("请答题")
}
$(".pic").eq(k).show().siblings(".pic").hide();
});
<div class="ppt">
<div id="div1" class="all">
<div class="pic">
<p>This is the first question description.</p>
<div id='1' class="text">
<input id='a' type="radio" name="radio" class="o"/><span class="f">A.one11</span><br>
<input id='b' type="radio" name="radio" class="o"/><span class="f">B.two</span><br>
<input id='c' type="radio" name="radio" class="o"/><span class="t">C.three</span><br>
<input id='d' type="radio" name="radio" class="o"/><span class="f">D.four</span><br>
</div>
<div id='1' class="anwser">正确答案是:C</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='2' class="text">
<input id='a' type="radio" name="radios" class="t"/><span class="to">A.one22</span><br>
<input id='b' type="radio" name="radios" class="t"/><span class="fo">B.two</span><br>
<input id='c' type="radio" name="radios" class="t"/><span class="fo">C.three</span><br>
<input id='d' type="radio" name="radios" class="t"/><span class="fo">D.four</span><br>
</div>
<div id="2" class="anwser">正确答案是:A</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='3' class="text">
<input id='a' type="radio" name="radiot" class="s"/><span class="ts">A.one33</span><br>
<input id='b' type="radio" name="radiot" class="s"/><span class="fs">B.two</span><br>
<input id='c' type="radio" name="radiot" class="s"/><span class="fs">C.three</span><br>
<input id='d' type="radio" name="radiot" class="s"/><span class="fs">D.four</span><br>
</div>
<div id="3" class="anwser">正确答案是:A</div>
</div>
</div>
<!-- <div class="l lrpub">l</div>-->
<div class="r lrpub">下一题</div>
</div>
</body> var k = 0;
$(".r").click(function() {
if (k < $(".pic").length-1 && $("input").is(':checked')) {
k++;
} else if($(("input").length-1).prop("checked", false)){
alert("不能为空")
}
else if(k<$(".pic").length-1){
alert("到底啦");
}else{
alert("请答题")
}
$(".pic").eq(k).show().siblings(".pic").hide();
});
解决方案 »
- 求Resource interpreted as Image but transferred with MIME type text/html 解决办法
- Javascript如何遍历xml所有节点的属性(NodeId,Title)值?
- GoldEyes JavaScript 1.1发布
- 小问题求解
- 急救,isNaN函数是做什么用的?在线等。
- 好久没到这里来了,不知道有没有人认识我:)) 顺便问个大大的问题;//
- 请问创建一个完全没有边框的窗口的代码,只是一张底图
- jquery.cookie.js操作cookie时,为何在360浏览器读不出cookie数据
- 神啊,再救我一次吧,怎么让一个打开的窗口,一段时间里自动关闭?
- json数据怎么加上转义字符/
- vue2.0 + bootstrapTable 动态添加元素和绑定点击事件,事件无效
- fullCalendar()怎么获取所有events的数据
$(".pic:not(:eq(0))").hide();
}); var k=0;
$(".r").click(function() {
if (k < $(".pic").length) {
if($(".pic:eq("+k+") input").is(':checked')){
k++;
$(".pic").eq(k).show().siblings(".pic").hide();
}else{
alert("请答题");
}
}else{
alert("到底啦");
}
});
<html>
<head>
<title></title>
</head>
<body onload="init()">
<div class="ppt">
<div id="div1" class="all">
<div class="pic">
<p>This is the first question description.</p>
<div id='1' class="text">
<input id='a' type="radio" name="radio" class="o" value="A"/><span class="f">A.one11</span><br>
<input id='b' type="radio" name="radio" class="o"/><span class="f">B.two</span><br>
<input id='c' type="radio" name="radio" class="o"/><span class="t">C.three</span><br>
<input id='d' type="radio" name="radio" class="o"/><span class="f">D.four</span><br>
</div>
<div class="anwser">A</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='2' class="text">
<input id='a' type="radio" name="radios" value="A" class="t"/><span class="to">A.one22</span><br>
<input id='b' type="radio" name="radios" class="t" value="B"/><span class="fo">B.two</span><br>
<input id='c' type="radio" name="radios" class="t"/><span class="fo">C.three</span><br>
<input id='d' type="radio" name="radios" class="t"/><span class="fo">D.four</span><br>
</div>
<div class="anwser">B</div>
</div>
<div class="pic">
<p>This is the first question description.</p>
<div id='3' class="text">
<input id='a' type="radio" name="radiot" class="s" value="A"/><span class="ts">A.one33</span><br>
<input id='b' type="radio" name="radiot" class="s"/><span class="fs">B.two</span><br>
<input id='c' type="radio" name="radiot" class="s"/><span class="fs">C.three</span><br>
<input id='d' type="radio" name="radiot" class="s"/><span class="fs">D.four</span><br>
</div>
<div class="anwser">A</div>
</div>
</div>
<!-- <div class="l lrpub">l</div>-->
<div class="r lrpub">下一题</div>
</div>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
$(".pic:not(:eq(0))").hide();
});
var k=0;
$(".r").click(function() {
if (k < $(".pic").length) {
if($(".pic:eq("+k+") input").is(':checked')){
for(var i=0;i<$(".pic").eq(k).children().children('input').length;i++)
{
if($(".pic").eq(k).children().children('input').eq(i).is(':checked')==true)
{
if($(".pic").eq(k).children().children('input').eq(i).val()==$(".pic").eq(k).children(".anwser").html()){
alert('答案正确')
k++;
$(".pic").eq(k).show().siblings(".pic").hide();
}
else{
alert('答案错误请继续选择')
return
}
}
}
debugger }else{
alert("请答题");
}
}else{
alert("到底啦");
}
});
</script>
</body>
</html>