Bouton radio onChange function

Question

J'ai un petit problème. Quel est le problème avec cette fonction? Je n'ai aucune idée. J'ai besoin d'une fenêtre d'alerte pop-up lorsque le bouton radio est sélectionné. Merci pour chaque réponse.

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

Parce que getElementsByName retourne un NodeList vous aurez besoin d'appliquer le rappel d'un événement à chaque entrée:

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

Démo: http://jsfiddle.net/louisbros/H7TdB/

Answer 2

getElementsByName obtient une liste des éléments que vous appelez onChange sur le tableau. https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByName

Vous souhaitez parcourir les éléments et appliquer l'onChange.