單選按鈕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"> 

的JavaScript

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。