单选按钮 onChange 功能答案

【问题标题】：Radio button onChange function单选按钮 onChange 功能
【发布时间】：2013-04-05 21:05:41
【问题描述】：

我有一个小问题。这个功能有什么问题？我不知道。选择单选按钮时，我需要弹出警报窗口。感谢您的每一个回复。

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!");
    },
};

【问题讨论】：

不是一个决议，但似乎在最后有一个额外的, 顺便说一句

标签： javascript radio-button onchange

【解决方案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/

【讨论】：

【解决方案2】：

getElementsByName 获取元素列表，因此您在数组上调用 onChange。 https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByName

您想要循环遍历元素并应用 onChange。

【讨论】：