JavaScript에서 라디오 버튼이 선택된 경우 문제가 발생했습니다.

Question

id가 여러 개인 라디오 버튼이있는 JSP 페이지에서 작업하고 있습니다. 라디오 버튼 중 아무 것도 이전 페이지의 응답에 따라 다릅니다. 사용자는 모든 라디오 버튼에 대한 대답을 선택해야합니다. 즉 사용자는 모든 라디오 버튼 ans1, ans2, ans3 ...에 대한 응답을 선택해야합니다. 유효성 확인을 위해 아래의 버튼 제출 이벤트에 대한 자바 스크립트 코드를 작성하고 사용자가 모든 답변에 응답했는지 확인하십시오.

function beforeSubmit(){ 
    var obj = document.quizcreen; 
    var qCount = obj.totQuesHidden.value; 
    for (var i=1; i<=qCount; i++){ 
     if(document.getElementById("ans"+i).checked){ 
      // checked 
     }else{ 
      alert("Please select ateleast one option"); // unchecked 
      return false; 
     } 
    } 
    obj.submit(); 
    return true; 
} 

위의 코드에 위의 코드가 작동하지 않습니다. 모든 라디오 단추를 선택하지 않으면 양식을 제출해서는 안됩니다. 제발 도와 줘, 나는 그것이 매우 간단하고 일반적인 문제라는 것을 알고 있지만, 나는 그것을 알아낼 수 없다. 미리 감사드립니다. 당신은 당신의 루프에 return true 문이

<form name="quizcreen" id="quizcreen" method="post" action="QuizResult.jsp" onsubmit = "return beforeSubmit();"> 

Answer 1

내 시나리오를 처리 할 수있는 더 좋은 방법을 발견, 그래서 귀하의 정보에 대한 내 코드를 공유하고 확인 :

function beforeSubmit() { 
     var obj = document.quizcreen; 
     var allChecked = true; 
     $("input:radio").each(function() { 
      var name = $(this).attr("name"); 
      if ($("input:radio[name=" + name + "]:checked").length == 0) { 
       allChecked = false; 
      } 
     }); 
     if (!allChecked) { 
      alert("Please answer all the questions."); // unchecked 
      return false; 
     } 
     obj.submit(); 
     return true; 
    } 

Answer 2

: 또한 다음

의 형식은 작업입니다. 따라서 첫 번째 라디오 버튼을 선택하면 다른 라디오 버튼을 확인하지 않습니다.

function beforeSubmit(){ 
    var obj = document.quizcreen; 
    var qCount = obj.totQuesHidden.value; 
    var allChecked = true; 
    for (var i=1; i<=qCount; i++){ 
     if(! document.getElementById("ans"+i).checked){ 
      allChecked = false; 
     } 
    } 

    if(! allChecked){ 
     alert("Please select ateleast one option"); // unchecked 
     return false 
    } 
    obj.submit(); 
    return true; 
} 

Answer 3

문제는 적어도 하나 이상 확인해야합니다.

이 물건

function isRadioChecked() { 
return ($('input[type=radio]:checked').size() > 0); 

을} 할