javascript를 사용하여 PHP로 동적으로 생성 된 컨트롤을 루프

Question

좋아,이 상황은 조금 어색하지만 어쨌든.

이

for($i = 0; $i<count($questionList); $i++) 
    { 
     echo $questionList[$i]->__get(QuestionId).'-'.$questionList[$i]->__get(QuestionText).'<br />'; 

     $answerList = $questionList[$i]->GetAnswers(); 

     for($j = 0; $j<count($answerList); $j++) 
     { 
      echo '<br /><input type=\'radio\' name=\'group'.$i.'\' id=\'radioButtonAnswer'.$answerList[$j]->__get(AnswerId).'\' value=\''.$answerList[$j]->__get(AnswerId).'\' >'. 
      $answerList[$j]->__get(AnswerText).'</input>'; 
     } 
     echo '<br /><br />'; 
    } 

좋아, 잘 작동하는, 체크 박스를 만든 후, 나는 모든 라디오 버튼을 얻기 위해 몇 가지 코드를 실행하기 위해 노력하고있어 그것이 작동하지 않았다, 그래서 나는 노력이 PHP 코드는 여러 개의 라디오 버튼을 생성 하나의 라디오 버튼을 여러 번 가져 오는 것만으로도 처음으로 가져옵니다.

function Validate() 
{ 

    var i = 1; 

    do 
    { 
     document.writeln(document.getElementById('radioButtonAnswer2') == null); 

     i ++; 
    }while(i < 10); 

    document.writeln('out of loop'); 

    return false; 
} 

그래서 'radioButtonAnswer2'가 존재하며 null이 아니어야합니다. 그러나 이것은 내가 제출 버튼을 클릭 할 때 내가 무엇을 얻을 수 있습니다 :

거짓 사실 사실 사실 사실 사실 루프

처음으로 중 진정한 진실이 null이 아니라 그 후, 그것이 사실. 이견있는 사람?

감사합니다.

Answer 1

생성하는 HTML이 유효하지 않을 수 있습니다. 또한 명시 적으로 __get() 함수를 호출해서는 안되지만 관련성이없는 문제 일 가능성이 큽니다. 같은

뭔가 :

<input type="radio" ...>Label Text</input> 

는 라디오 버튼을 정의하는 올바른 방법이 아닙니다.

이 코드를보십시오 :

for($j = 0; $j<count($answerList); $j++) 
{ 
     echo '<br /><input type="radio" name="group'.$i.'" id="radioButtonAnswer'.$answerList[$j]->AnswerId.'" value="'.$answerList[$j]->AnswerId.'" />'; 
     echo '<label for="radioButtonAnswer'.$answerList[$j]->AnswerId.'">'.$answerList[$j]->AnswerText.'</label>'; 
} 

---

편집 추가 : 아, 지금은 참조하십시오. document.writeln()을 사용 중입니다. 이 함수는 페이지의 내용을 덮어 씁니다.

처음으로 루프가 시작될 때 요소가 존재하며 페이지에 "true"를 쓰는 document.writeln() 호출을 수행합니다. 전에 페이지에 있던 모든 내용을 덮어 씁니다 (페이지가로드되는 방식을 알지 못했습니까? 에만에 javascript 출력이 있습니까?). 다음에 루프를 통과 할 때 라디오 버튼을 다시 찾 으려고하지만 지워지고 자바 스크립트 출력으로 바뀝니다. 이제 더 이상 존재하지 않습니다.

Answer 2

document.getElementsByName("group")을 사용하면 모든 라디오 버튼을 사용할 수 있습니다.

이 루프는 정상적으로 작동합니다. document.writeln() 문제는 페이지의 html을 대체하므로 DOM 요소가 없어졌습니다. 대신 Alert를 사용하는 업데이트 된 버전이 있습니다.

function Validate(){ 
    var radioGroup = document.getElementsByName("group"); 
    var results = ""; 
    for(i = 0, len = radioGroup.length; i < len; i++){ 
    currentRadio = radioGroup[i]; 
    results += "\n" + currentRadio.id + " is "; 
    results += (currentRadio.checked ? "checked" : "not checked"); 
    } 
    results += "\n..out of loop..."; 
    alert(results);  
    return false; 
}