Un article de WikiTuto.

Apprendre le Javascript Javascript : le langage Coder le Javascript Navigateurs incompatibles Debugger Fichiers externes Orienté objet Les variables Déclaration et affectation String et nombre Vecteurs ou tableaux Grandeur d'un vecteur Vecteur en string Trier un vecteur Autres méthodes Les Opérateurs Arithmétiques Relationnels Logiques Priorités Eval Les Contrôles If - Else Switch case Boucle for Boucle while Boucle forever Boucle do-while Minuteries Intervalles Arrêt Les Fonctions Déclarations Portée des variables Valeur de retour Appel via lien With Évènements Onclick - Ondblclick Boutons rollover Détection clavier Attribution de focus Chargement de page Onerror Supprimer erreurs Infos sur les erreurs Les Objets Propriétés et méthodes This Créer un objet Créer une classe Voir propriétés objets Objets link et anchor Objet history Objet image Les Fenêtres Barre d'état Modifier les couleurs Changer titre de page Afficher informations Ouvrir nouvelle fenêtre Communication fenêtres Imprimer une fenêtre Redimensionner fenêtre Déplacer / fermer Boîtes de messages Les Strings Objet String Sous-chaînes Concaténation Formater Ancrages Longueur chaîne Modifier la casse Rechercher chaîne Remplacer texte Découper chaîne Les Dates Objet Date Afficher heure et date locale Lire valeurs heure/date Régler valeurs heure/date Fuseaux horaires Objet Math Propriétés Méthodes Arrondir des nombres Les Formulaires Champs de saisie Type mot de passe Éléments cachés Zones de texte Listes de sélections Cases à cocher Boutons radio Eval Désactivation Envoi formulaire Les Cadres Objet Frame Accéder cadre Nombre de cadres Référer aux cadres Écrire Redimensionner Cadre cible radio Imprimer Environnement Détection système Les cookies Multiples cookies Path domain Codage caractères Auteur : Mystick modifier Tdm Javascript

Explication

Les boutons radio ne sont utilisés qu'en groupe où un seul choix est effectué. Tous les boutons d'un même groupe partagent le même nom. Ils sont indexés selon leur ordre d'apparition dans le groupe. Comme tous les index (vecteur), le premier élément porte l'index 0. Ses propriétés sont celles de la balise <input/>, soit checked, defaultChecked , enabled, form, name, value et length qui donne le nombre de boutons du groupe. En plus, il y a les méthodes click() et focus().

Les boutons radio ressemblent beaucoup aux cases à cocher, à l'exception cependant que les boutons radio sont sélectionnés tant et aussi longtemps qu'un autre n'est pas choisi. Pour désélectionner un bouton radio on doit obligatoirement en choisir un autre.

Exemple

 <form name="radioFleurs">
 <input type="radio" name="GroupeFleurs" value="Muguet" checked> Muguet  <br>
 <input type="radio" name="GroupeFleurs" value="Lilas"> Lilas <br>
 <input type="radio" name="GroupeFleurs" value="Jacinthe"> Jacinthe <br>
 </form>
 

Il est important de donner le même noms aux éléments d'un même ensemble, ici le nom donné était GroupeFleurs. Puis la ligne de code du premier bouton se termine par checked pour qu'il soit coché par défaut au départ. Le value est la variable associée au choix. Dans le cas d'un formulaire, on ferait un test pour savoir lequel est coché puis on enverrait la valeur de celui-là. Les balises <br> permettent de sauter une ligne entre les choix.

A voir aussi

• Les tutoriaux pour le Javascript
• Champs de saisie
• Type mot de passe
• Éléments cachés
• Zones de texte
• Listes de sélections
• Cases à cocher
• Boutons radio
• Eval
• Désactivation
• Envoi formulaire