visualforce selectRadio --- Javascript를 통해 참조를 얻는 방법?

Question

내가 라디오 버튼 컨트롤이 내 자바 스크립트에서, 내가 자바 스크립트 getElementsByName()

를 통해 무선 입력의 배열을 얻으려고 첫 번째 경고 : alert(radioTitleDisplay);

반환 [object HTMLCollection]

두 번째 경고를하지만, 해고하지 않는다. Firebug 보고서

라디오 버튼에 액세스하려면 어떻게해야합니까? 내가 놓친 게 있니? (나는 차일 루트에서 각 태그에 ID를 할당 할 수 있지만, 나는 구조를 변경하는 경우부터, 내가 rubust하지 않은 너무 ID를 변경해야 그렇게하고 싶지 않아요.)

<apex:form > 
    <apex:selectRadio value="{!titleDisplay}" id="titleDisplayRadio"> 
     <apex:selectOption itemValue="0" itemLabel="one" /> 
     <apex:selectOption itemValue="1" itemLabel="two" /> 
     <apex:selectOption itemValue="2" itemLabel="three" /> 

     <script type="text/javascript"> 

      var radioTitleDisplay = document.getElementsByName('{!$Component.titleDisplayRadio}'); 

      alert(radioTitleDisplay); 
      alert(radioTitleDisplay.options);          
     </script> 
    </apex:selectRadio> 
</apex:form> 

은 렌더링 visualforce 페이지 중 하나는 입력 태그입니다 :

<input type="radio" value="2" id="thePage:j_id27:titleDisplayRadio:2" 
name="thePage:j_id27:titleDisplayRadio"> 

Answer 1

내 제안은 jQuery를 사용하는 것입니다. 엄청난 도움을줍니다. 특히 반복 목록 및 다른 목록을 통해 파헤 치기에 좋습니다.

여기서 한 것은 입력 HTML 개체 목록을 가져오고 그 목록에는 옵션 속성이 없습니다. HTML DOM 라디오 버튼의 연결이 끊어지면 모든 것을 보유하는 중앙 객체가 없습니다.

편집 : 예를 들어,이 코드의 의지는 당신에게 선택된 라디오 버튼 경고 :

var myradios = document.getElementsByName('{!$Component.myRadio}'); 
for(i = 0; i < myradios.length; i++) 
    if(myradios[i].checked) { 
     // now we now the selected index 
     alert('Selected value is: ' + myradios[i].value); 
    }