라디오 버튼 onChange 기능

Question

작은 문제가 있습니다. 이 기능의 문제점은 무엇입니까? 나는 모른다. 라디오 버튼을 선택하면 팝업 알림 창이 필요합니다. 모든 답장을 보내 주셔서 감사합니다.

HTML

<input type="radio" name="radioButton" class="choice" value="1"> 
<input type="radio" name="radioButton" class="choice" value="2"> 
<input type="radio" name="radioButton" class="choice" value="3"> 

자바 스크립트

var FormFields = 
{ 
    init: function() 
    { 

     var radio = document.getElementsByName("radioButton"); 
     radio.onchange = FormFields.showAlert; 
    }, 
    showAlert: function() 
    {    
     alert("Bye!"); 
    }, 
}; 

Answer 1

getElementsByName는 NodeList는 각 입력에 이벤트 콜백을 적용해야합니다 반환하므로 :

var radios = document.getElementsByName("radioButton"); 
for(var i = 0;i < radios.length;i++){ 
    radios[i].onchange = FormFields.showAlert; 
} 

데모 : http://jsfiddle.net/louisbros/H7TdB/이

Answer 2

getElementsByName는 배열에 onChange가 호출되도록 요소의 목록을 가져옵니다. https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByName

요소를 반복하고 onChange를 적용하려고합니다.