所以我有一个 3 页的注册页面。在第一页上有三个选项,如果用户选择第一个选项,那么提交按钮会显示在第二页的底部。如果用户选择选项 2 或 3,那么在第二页上,提交按钮只会在选择某个单选按钮后出现。这是第二页的代码:
<form id="everything" method="post" action="Page3.php">
<input type="radio" id="Reg_num_r1" name="Reg_num_r" value="1"/> Register 1 <br/>
<input type="radio" id="Reg_num_r2" name="Reg_num_r" value="2"/> Registration 1+ <br/>
<input type="submit" name="submit" value="Submit" id="submit" style="display:none;"/>
</form>
这是 JQuery 代码:
$(document).ready(function(e) {
if(type==1) {
$("#submit").show();
}
$("input[name= 'Reg_num_r']").change( function () {
if($(this).val()==1) {
$('#Reg_num2').hide();
} else {
$('#Reg_num2').show();
}
$("#submit").show();
});
$("#everything").submit( function() {
var data = $("#everything").serialize();
alert(data);
return true;
});
}
如果我在第一页上选择了第一个选项并单击第二页上的提交按钮,它会完美运行,我会进入第三页。但是,如果我选择选项 2 或 3,那么提交按钮将不起作用。我不断点击它,没有任何反应。我认为这是因为它从选项 2 或 3 开始就被隐藏了,但我不知道解决方法。有任何想法吗?谢谢