Javascript vérifier si le bouton radio est coché?

Si vous avez votre coeur sur l'aide de JavaScript standard alors:

Définition de la fonction de

var isSelected = function() {
    var radioObj = document.formName.radioGroupName;

    for(var i=0; i<radioObj.length; i++) {
        if( radioObj[i].checked ) {
            return true;
        }
    }

    return false;
};

Utilisation

if( !isSelected() ) {
    alert('Please select an option from group 1 .');
}   

Je suggérerais à l'aide de jQuery. Il a beaucoup de sélecteur d'options qui, lorsqu'ils sont utilisés ensemble simplifier la quantité de code à une seule ligne.

Solution Alternative

if( $('input[type=radio][name=radioGroupName]:selected').length == 0 ) {
    alert('Please select an option from group 1 .');
}

OriginalL'auteur Oliver Law

Une fonction très simple:

<script type="text/javascript">

function checkRadios(form) {
   var btns = form.r0;
   for (var i=0; el=btns[i]; i++) {
     if (el.checked) return true;
   }
   alert('Please select a radio button');
   return false;
}
</script>

<form id="f0" onsubmit="return checkRadios(this);">
  one<input type="radio" name="r0"><br>
  two<input type="radio" name="r0"><br>
  three<input type="radio" name="r0"><br>
  <input type="submit">
</form>

Toutefois, vous devriez toujours avoir un bouton radio sélectionné par défaut (c'est à dire avec le même attribut), certains agents utilisateurs peuvent sélectionner automatiquement le premier bouton. Ensuite, vous avez juste besoin de vérifier si la valeur par défaut (en général le premier) est cochée ou non.

OriginalL'auteur RobG

Voici un bon tutoriel -> http://www.somacon.com/p143.php

---

//return the value of the radio button that is checked
//return an empty string if none are checked, or
//there are no radio buttons
function getCheckedValue(radioObj) {
    if(!radioObj) return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked) return radioObj.value;
        else return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) return radioObj[i].value;
    }
    return "";
}

//set the radio button with the given value as being checked
//do nothing if there are no radio buttons
//if the given value does not exist, all the radio buttons
//are reset to unchecked
function setCheckedValue(radioObj, newValue) {
    if(!radioObj) return;
    var radioLength = radioObj.length;
    if(radioLength == undefined) {
        radioObj.checked = (radioObj.value == newValue.toString());
        return;
    }
    for(var i = 0; i < radioLength; i++) {
        radioObj[i].checked = false;
        if(radioObj[i].value == newValue.toString()) radioObj[i].checked = true;
    }
}

OriginalL'auteur SpYk3HH