javascript - 根据单选按钮选择隐藏多步骤表单中的步骤

Question

我从 this source 成功设置了 4 个步骤的 php 表单。只有我在执行一项任务时遇到麻烦:在第一页上我插入了一个单选按钮。根据选择("is"或“否”)，应跳过第 3 步。

我已经尝试了 2 个小时并在互联网上进行了搜索 - Java 脚本不是我的强项。我怎样才能实现它？下面是我正在使用的 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 吗？非常感谢你们!

Answer 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);
});