2016-10-09 3 views
0

Я создаю форму с условной логикой: Вариант 1: пользователь будет вводить только свою основную информацию. Вариант 2: если они выберут флажок, они будут заполнять ряд вопросов в дополнение к основной информации. Я хотел бы, чтобы все вопросы, которые будут представлены в варианте 2, будут на странице второй формы, которые будут отображаться только соответственно. Все это работает, проблема в том, что кнопка «Отправить» находится на странице 2, а не на первой, поэтому в опции 1 пользователь не видит кнопку «Отправить» только кнопку «Далее». [Следующее представит форму, но моя проблема связана с текстом и стилем кнопки]. Мне нужна условная логика на кнопке «Отправить», поэтому, если выбрана опция 1, кнопка отобразит кнопку «Отправить», и если они выберет вариант 2, она отобразит следующую кнопку.Динамически отображать «Далее» или «Отправить» в Gravity Forms

ответ

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