2016-10-09 4 views
0

条件付きロジックを使用してフォームを作成しています。 オプション1:ユーザーは基本情報のみを入力します。 オプション2:チェックボックスをオンにすると、基本情報に加えて一連の質問が記入されます。 オプション2で提示されるすべての質問は、それに応じて表示されるフォームの2ページ目にあることを希望します。これはすべて問題なく、「送信」ボタンはページ1ではなくページ2にあるため、オプション1では「次へ」ボタンだけが「送信」ボタンに表示されません。 [次はフォームを提出するが、懸念事項はボタンのテキストとスタイリングである]。 Submitボタンに条件付きロジックが必要なので、オプション1を選択するとSubmitボタンが表示され、オプション2を選択すると次のボタンが表示されます。重力フォームに「次」または「送信」を動的に表示します

答えて

0

チェックボックスの状態に基づいて、ボタンのテキスト(値)を変更できます。
コードが表示されていないので、ここには最小限の例があります。

$("#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">

関連する問題