以重力形式動態顯示「下一步」或「提交」

Question

我正在創建一個帶有條件邏輯的表單： 選項1：用戶將只輸入其基本信息。 選項2：如果他們選擇一個複選框，那麼除了基本信息外，他們還會填寫一系列問題。 我希望將選項2中提出的所有問題都放在表格的第二頁上，只顯示相應的內容。所有這些工作，問題是「提交」按鈕在第二頁而不是第一頁，因此在選項1中用戶沒有看到「提交」按鈕只有「下一步」按鈕。 [下一個將提交表單，但我關心的是按鈕的文本和樣式]。我需要提交按鈕上的條件邏輯，所以如果選擇選項1，按鈕將顯示一個提交按鈕，如果他們選擇選項2，它將顯示下一個按鈕。

Answer 1

基於複選框狀態，您可以更改按鈕的文本（它的值）。
由於您沒有顯示任何代碼，下面是一個簡單的例子。

$("#more").on("click",function(){ 
 
\t if ($(this).prop("checked")){ 
 
\t \t $("#next").val("Next"); 
 
\t }else{ 
 
\t \t $("#next").val("Submit"); 
 
\t } 
 
}); 
 

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

<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">