JavaScript Moderne Avancé - Les boutons Radio
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
2h10
de formation
20
leçons vidéo
3
chapitres
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

JavaScript Moderne Avancé - Les boutons Radio

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
2h10
de formation
20
leçons vidéo
3
chapitres

Voici un cours en ligne dédié aux boutons radio avec le Javascript Moderne. Le bouton radio est un élément phare des formulaires. Ils sont utilisés sur les interfaces web, applications mobiles, logiciels. Les boutons radio permettent d'indiquer un choix parmi plusieurs possibilités. Il est donc important de maîtriser cet élément si important pour l'expérience utilisateur.

Dans ce tuto JavaScript Moderne avancé - Les boutons radios

Nous allons dans cette formation en vidéo nous intéresser aux boutons radio et voir en détail comment nous allons pouvoir tout connaître de l'état d'un bouton radio en JavaScript.

  • Nous allons voir comment nous sommes capables de savoir si un bouton radio est coché ou non.
  • Nous verrons également comment nous pouvons capter le bouton radio qui est coché et en retourner sa valeur, tout cela grâce au JavaScript moderne que je vous enseigne depuis quelques temps maintenant.
  • Une fois la théorie maîtrisée, nous passerons à la pratique avec la création d'une application de choix de menus, qui utilise la philosophie des boutons radio.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Si vous voulez apprendre à programmer en JavaScript moderne, voici un bundle de 14H00 qui vous donnera toutes les bases.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours théorique
Chapitre 2
Application
Chapitre 3
Conclusion

Table des matières

Chapitre 1 : Cours théorique

42m32
 
Leçon 1Savoir si un bouton radio est coché
Leçon 2Connaître la valeur du bouton radio coché
Leçon 3On écoute le change de check d'un bouton radio
Leçon 4Création d'une fonction
Leçon 5On vérifie si un bouton radio est coché
Leçon 6On débloque le formulaire
Leçon 7On affiche la valeur du bouton radio choisie
Leçon 8Conclusion

Chapitre 2 : Application

1h26
 
Leçon 1Mise en place des bases HTML et CSS
Leçon 2Mise en place du header
Leçon 3Mise en place des sections
Leçon 4Mise en forme de la zone section
Leçon 5Mise en forme de l'état choisi
Leçon 6Mise en place d'un bouton de validation
Leçon 7Mise en place d'un fichier traitement
Leçon 8Conditionnement de la validation du formulaire
Leçon 9Modification en direct de la valeur du bouton de validation
Leçon 10Création d'une fenêtre modale
Leçon 11Ouverture et fermeture de la fenêtre modale

Chapitre 3 : Conclusion

01m26
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Alain Preti
Alain Preti
Publié le 25/09/2025
Magnifique tuto bien expliqué.
Carl Brison
Carl Brison
Merci beaucoup ;-)
Valérie Arno
Valérie Arno
Publié le 29/08/2023
C'est le genre d'exercice qui fait du bien, pour notre "perfectionnement" :-) Quelque chose d'utile. De quoi nous rendre plus à l'aise avec l'utilisation de javascript. Tuto expliqué avec précision et dans l'ordre des choses. Merci Carl.
Carl Brison
Carl Brison
Merci beaucoup, Valérie ;-)
Alain Tardif
Alain Tardif
Publié le 26/07/2023
Merci Carl pour ce cours sur les boutons radios, je découvre toute l'alchimie qui s'opère dans tout le potentiel que génère le css allié au JS. C'est tout le bonheur d'un frontend dans ce tuto super bien expliqué, avec un TP des plus agréable en couleur et en images. Validé 100 % #JS-boutons-radios
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source complet de l'exercice.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
2h10 de vidéo • 3 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 781 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1425 tutos gratuits

Notre politique de protection des données