我正在制作带有几个问题的轮播幻灯片,如果它不满足某些条件,我就不必让滑块处理下一批问题
每当用户点击“提交”按钮时,它都会计算单击的次数,因此每个页面都有一个条件,如果到下次用户点击时不符合条件,则将计数器集提交给该点(或项目)用户犯了错误并再次调用该函数,因此它从同一点开始进行验证,问题是,当我犯错时,它完美地阻塞了滑块,但是,在第二次尝试中,当我正确时,则它不会让我前进到下一张幻灯片,并且如果我没有记错的话,也就不会通过AJAX发送任何变量(都未定义),很好奇在一张幻灯片中只有一个问题就可以了,但是没用有两个问题,不知道我在做什么错。
脚本
function upCount() {
if (countClicks == 1){
var one, prox = false;
if (document.getElementById('r1').checked) {
one = document.getElementById('r1').value;
prox = true;
}
else if (document.getElementById('r2').checked) {
one = document.getElementById('r2').value;
prox = true;
}
else {
prox = false;
}
if (prox){
$("#carouselExampleControls").carousel("next");
$("#carouselExampleControls").carousel("pause");
}
else{
countClicks--;
upCount();
}
$.ajax({
type:"POST",
url:"save.php",
data: {cont: countClicks,one:one},
success: function(data){
}
});
} //end of 1
if (countClicks == 2){
var r2;
var r3;
var prox = false;
if (document.getElementById('r3').checked || document.getElementById('r4').checked)
if (document.getElementById('r5').checked || document.getElementById('r6').checked){
prox = true;
if (document.getElementById('r3').checked) {
r2 = document.getElementById('r3').value;
}
else if (document.getElementById('r3').checked) {
r2 = document.getElementById('r4').value;
}
if (document.getElementById('r5').checked) {
r3 = document.getElementById('r5').value;
prox = true;
}
else if (document.getElementById('r6').checked) {
r3 = document.getElementById('r6').value;
}
}
else{
prox = false;
}
if (prox){
$("#carouselExampleControls").carousel("next");
countClicks = 2;
}
else{
countClicks = 2;
$("#carouselExampleControls").carousel("pause");
upCount();
}
$.ajax({
type:"POST",
url:"save.php",
data: {cont: countClicks,r2:r2,r3:r3},
success: function(data){
alert(data);
}
});
} //end of 2
按钮(认为不需要此信息,以防万一)
<br></br>
<div class="container text-center">
<a onclick="hello(); upCount()" role="button" id= "submit" href="#carouselExampleControls" class="btn btn-info btn-lg" style="background: #62b539; width:140px; height: 52px;">Continuar</a>
<br></br>
</div>