Accueil de Gladir.com Notes légal de Gladir.com Flux RSS des nouvelles du site Gladir.com - JavaScript - Demander la valeur d'un bouton radio en JavaScript (getRadioButtonValue) Section du logiciel DOS «MonsterBook» Inventaire de la bibliothèque de Gladir.com Entrée administrateur

Une étrangeté existe dans les balises HTML : les boutons radios ! On ne peut choisir qu'un bouton radio à la fois mais il est impossible de connaitre la valeur d'un bouton radio sans vérifier chacun des boutons radio. Pour contrer cette inconvénient, on peut développer un routine, «getRadioButtonValue», parcourant les boutons avec le nom spécifié et retourner la valeur du bouton radio actuellement.

Québec
Ontario
Colombie Britannique
Valeur du bouton radio :

Voici enfin le petit code source permettant de demander l'information :

<script language="JavaScript" type="text/javascript">
function getRadioButtonValue(radioObj) {
   if(!radioObj) return "";
   var radioLength = radioObj.length;
   if(radioLength == undefined) return(radioObj.checked?radioObj.value:"");
   for(var i = 0; i < radioLength; i++) if(radioObj[i].checked) return radioObj[i].value;
   return "";
}

function updateStatus() {
     document.getElementById("currstatus").value = getRadioButtonValue(document.currEdit.radiobuttonsamples);
     
}
</script>
<form name="currEdit">
<input type="radio" name="radiobuttonsamples" value="QC" onclick="updateStatus();"> Québec<br />
<input type="radio" name="radiobuttonsamples" value="ON" onclick="updateStatus();"> Ontario<br />
<input type="radio" name="radiobuttonsamples" value="CB" onclick="updateStatus();"> Colombie Britannique<br />
Valeur du bouton radio : <input id="currstatus" value=""><br />
</form>


Dernière mise à jour: Jeudi, le 25 août 2011