조건부 논리를 사용하여 양식을 만듭니다. 옵션 1 : 사용자가 기본 정보 만 입력합니다. 옵션 2 : 확인란을 선택하면 기본 정보 외에도 일련의 질문이 채워집니다. 옵션 2에서 제시되는 모든 질문은 그에 따라 표시되는 양식의 2 페이지에 있어야합니다. 이 모든 작동, 문제는 "제출"단추가 페이지 1이 아닌 페이지 2에 있으므로 옵션 1에서 사용자는 "다음"단추 만 "제출"단추를 볼 수 없습니다. [다음은 양식을 제출할 것이지만 걱정은 버튼의 텍스트와 스타일입니다.] 제출 버튼에 조건부 로직이 필요하므로 옵션 1을 선택하면 제출 버튼이 표시되고 옵션 2를 선택하면 다음 버튼이 표시됩니다.중력 양식에 "다음"또는 "제출"을 동적으로 표시합니다.
확인란 상태에 따라 버튼의 텍스트 (값)를 변경할 수 있습니다.
코드가 없으므로 여기에 최소한의 예가 나와 있습니다.
$("#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">