Question

我正在创建一个带条件逻辑的表单：选项1：用户将只输入他们的基本信息。选项2：如果他们选择了一个复选框，那么除了基本信息之外，他们还会填写一系列问题。我希望将在选项2中提出的所有问题都放在表格的第二页上，该表格只会相应显示。所有这一切都有效，问题是第二页上的“提交”按钮不是第一页，因此在选项1中，用户看不到“提交”按钮只有“下一步”按钮。 [接下来将提交表格，但我关心的是按钮的文字和样式]。我在提交按钮上需要条件逻辑，因此如果选择了选项1，则按钮将显示“提交”按钮，如果他们选择选项2，则将显示下一个按钮。

Answer 1

根据复选框状态，您可以更改按钮的文本（其值）由于您没有显示代码，因此这是一个最小的示例。

$("#more").on("click",function(){
	if ( $(this).prop("checked") ){
		$("#next").val("Next");
	}else{
		$("#next").val("Submit");
	}
});

$("#next").on("click",function(){
	if( $(this).val() == "Submit" ){
		alert("Submit the form now.");
	}else{
		alert("Ask the other questions.");
	}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="more"> Check to answer additionnal question<br>
<br>
<input type="button" id="next" value="Submit">

在Gravity Forms中动态显示“Next”或“Submit”

1 个答案: