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.
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 : Mercredi, le 5 octobre 2011