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。

单选按钮onChange功能

2 个答案: