vérifier si un bouton radio est cochée, ne fonctionne pas

Question

Quand je vérifie un bouton radio, il retourne l'option fausse, et il doit retourner la valeur

<form name="formulario" action="accion.php" method="post"> 
    <input type="radio" name="opcion" value="1">Opcion 1 
    <input type="radio" name="opcion" value="2">Opcion 2 
    <input type="button" name="Enviar" value='eviar' onclick="enviar();"> 
</form> 
<script> 
function enviar(){ 
    var di = document.getElementsByName('opcion'); 
    for(i=0; i <di.length; i++){ 
     if(di[i].checked==true){ 
      valorSeleccionado = di[i].value; 
      alert(valorSeleccionado); 
     } 
     if(di[i].checked==false){ 
      alert('you didn´t choose a option'); 
     } 
    } 
} 
</script> 

Answer 1

Essayez ceci:

function enviar() { 
    var di = document.getElementsByName('opcion'); 
    var valid = false; 
    for (i = 0; i < di.length; i++) { 
     if (di[i].checked == true && !valid) { 
      valorSeleccionado = di[i].value; 
      valid = true; 
      alert(valorSeleccionado); 
     } 
    } 
    if (!valid) { 
     alert('you didn´t choose a option'); 
    } 
} 

jsFiddle example

Il fonctionne simplement par les boutons radio et vérifie si on est vérifié. Si c'est le cas, il met un drapeau et alerte la valeur, sinon, l'erreur est alertée.

Answer 2

Afin de connaître la radio Wich est sélectionné vous shoud vérifier la valeur de l'élément "opcion". Je pense que la propriété vérifiée ne fonctionne pas pour les radios, seulement pour les cases à cocher.