2014-01-22 3 views
0

라디오 버튼이나 텍스트 필드가있는 100 개가 넘는 질문이있는 설문 조사가 있습니다.jquery는 라디오 버튼과 텍스트 필드에서 데이터를 가져옵니다.

radiobuttons에서 결과를 얻는 방법을 알았지 만, textfield에서 결과를 temp라는 radiobuttons와 동일한 결과 변수로 가져올 수 없습니다.

다음 코드를 사용하여 라디오 버튼의 결과를 얻습니다.

if($questions.find("input:radio:checked").length === $questions.length) 
{ 
    var temp =''; 

    $(':radio').each(function() 
    { 
     if($(this).is(':checked')) 
      { 
      temp += $(this).val()+ ","; 
     } 
     }); 

     var currentSurveyName = getQueryVariable("sn"); 
     var strResult = temp; 

     window.location="survey-result.php?sn=" + currentSurveyName + "&sr=" + strResult; 
     } 
     else 
     { 
      alert("Need to check all radiobuttons"); 
     } 

그리고 내 양식 코드는 다음과 같이 생성됩니다 사전에

<div class='aQuestion' id='div1'> 
<h3>question 1</h3> 
<label for='a108'><input type='radio' id='a108' name='grp108' value='0'><span class='answerOption'>0. Answer</span></br></label> 
<label for='b108'><input type='radio' id='b108' name='grp108' value='1'><span class='answerOption'>1. Answer</span></br></label> 
<label for='c108'><input type='radio' id='c108' name='grp108' value='2'><span class='answerOption'>2. Answer</span></br></label> 
<label for='d108'><input type='radio' id='d108' name='grp108' value='3'><span class='answerOption'>3. Answer</span></br></label> 
<label for='e108'><input type='radio' id='e108' name='grp108' value='4'><span class='answerOption'>4. Answer</span></label> 
</div> 

<div class='aQuestion' id='div2'> 
<h3>question 2</h3> 
<label for='a110'><input type='radio' id='a110' name='grp110' value='0'><span class='answerOption'>0. Answer</span></br></label> 
<label for='b110'><input type='radio' id='b110' name='grp110' value='1'><span class='answerOption'>1. Answer</span></br></label> 
<label for='c110'><input type='radio' id='c110' name='grp110' value='2'><span class='answerOption'>2. Answer</span></br></label> 
<label for='d110'><input type='radio' id='d110' name='grp110' value='3'><span class='answerOption'>3. Answer</span></br></label> 
<label for='e110'><input type='radio' id='e110' name='grp110' value='4'><span class='answerOption'>4. Answer</span></label> 
</div> 

<div class='aQuestion' id='div3'> 
<h3>question 3</h3> 
<input type='text' class='inputField' id='a113' name='grp113'>cm 
</div> 

<div class='aQuestion' id='div4'> 
<h3>question 4</h3> 
<input type='text' class='inputField' id='a114' name='grp114'>kg 
</div> 

감사합니다 : 당신의 필요 자세한 내용은/코드 경우에 저에게 D를.

아래의 라디오 버튼을 확인하면 텍스트 필드를 확인하고 싶습니다. 그러면 코드는 어떻게 생겼을까요?

$('.aQuestion').each(function() 
     { 
      if($(this).find('input[type="radio"]:checked').length > 0) 
      { 
       $(this).addClass("madeChoice"); 
      } 
      else 
      { 
       $(this).children("h3").addClass("didntMakeChoice");     
      } 

     }); 

답변

0

이것은 당신이 라디오가 무엇 :

$(':radio').each(function() 
{ 
    if($(this).is(':checked')) 
    { 
     temp += $(this).val()+ ","; 
    } 
}); 

단순히

$(':text').each(function() 
{ 
    if($(this).val() !== "") 
    { 
     temp += $(this).val() + ","; 
    } 
}); 
+0

브릴리언트로 변경, 즉 실제로 일! 다음 코드를 사용하여 모두 실행하고 라디오 버튼이 선택되었는지 확인합니다. (나는 나의 질문을 업데이트했다.) – RedHawkDK

+0

나는 나의 첫 번째 질문에 약간의 측면을 덧붙였다. 누군가 그것에 대해 볼 시간이 있다면? :디 – RedHawkDK

관련 문제