0

我从这个源成功设置了一个 4 步 php 表单。只有我在完成一项任务时遇到了问题：在第一页我插入了一个单选按钮。根据选择（“是”或“否”），应跳过第 3 步。

我已经尝试了 2 个小时并搜索了互联网 - Java Script 不是我的强项。我怎样才能实现它？在我正在使用的 JavaScript 下面：

<script type="text/javascript">
$(document).ready(function(){
var current = 1,current_step,next_step,steps;
steps = $("fieldset").length;
$(".next").click(function(){
if(current=='2' && $('input[name="Guest_sel"]:checked').val()=='No') {
/* HERE I DON'T KNOW WHAT TO PUT. THE ALERT COMES AT THE RIGHT POINT AFTER STEP 2 IF I SELECTED "NO" FOR "Guest_sel". */
alert("Test");
}
current_step = $(this).parent();
next_step = $(this).parent().next();
next_step.show();
current_step.hide();
setProgressBar(++current);
});
$(".previous").click(function(){
current_step = $(this).parent();
next_step = $(this).parent().prev();
next_step.show();
current_step.hide();
setProgressBar(--current);
});
setProgressBar(current);
// Change progress bar action
function setProgressBar(curStep){
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width",percent+"%")
.html(percent+"%");     
}
});
</script>

在第 6 行中，我已经设置了正确的 if 语句(if(current=='2' && $('input[name="Guest_sel"]:checked').val()=='No'))。但是我必须在 if 语句中放入什么？

我的想法是所有步骤都应该有一个从 1 到 4 的数字。例如，如果current_step = $(this).parent()为“1”，则 next_step应为“2”，依此类推。所以我尝试了 current_step = $(this).parent() + 1; 以及 if 语句中的类似内容，但没有一个起作用。我还尝试在警报中输出上述任何变量以了解其中存储的内容，但只有“未定义”变量。JavaScript 让我发疯。:-(

如果单选按钮“Guest_sel”=“否”，在 if 语句中放置什么以使其跳过步骤 3 有什么想法吗？十分感谢大家！

4

1 回答 1

1

好的，我想通了。花了我一段时间，但感谢 JSFiddle 的提示。工作文件在这里：http: //jsfiddle.net/gkxvLs9u/3/

next_step = $(this).parent().next().next()成功了：

$(".next").click(function(){
current_step = $(this).parent();
if(current=='2' && $('input[name="Guest_sel"]:checked').val()=='No') {
next_step = $(this).parent().next().next();
++current;
} else {
next_step = $(this).parent().next();
}
next_step.show();
current_step.hide();
setProgressBar(++current);
});
于 2017-02-10T07:54:55.380 回答