De la même façon que nous nous sommes perfectionnés avec les boutons radios en JavaScript, je vous propose d'améliorer vos compétences avec les cases à cocher en JavaScript.
Le but de cette formation en ligne sera de vous apprendre à manipuler les cases à cocher en utilisant le langage JavaScript moderne.
Au programme de ce cours JavaScript Moderne avancé - Les cases à cocher
- Nous allons apprendre à vérifier si une ou plusieurs cases à cocher sont cochées ou non. Ce qui nous permettra de connaître et ainsi manipuler la réponse de l'utilisateur en temps réel.
- Nous allons également voir comment nous pouvons récupérer la valeur d'une case à cocher, mais aussi de plusieurs cases à cocher.
De la théorie ainsi que des exercices pratiques sont au programme de ce cours, pour tout savoir sur la manipulation des cases à cocher en JavaScript.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
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.
Table des matières de cette formation JavaScript (durée : 1h49m)
-
Vérifier si une case à cocher est checked
- Théorie gratuit 00:04:49
- Exercice 1. Mise en place du HTML 00:07:53
- On bloque le formulaire 00:04:55
- On change la phrase de la case à cocher 00:06:26
- On débloque le formulaire si la case à cocher est checked 00:03:56
-
Récupérer la valeur d'une case à cocher
- Une seule case à cocher 00:04:10
- Plusieurs cases à cocher 00:05:25
- On compte les cases à cocher checkées 00:04:37
-
Exercice d'application
- Mise en place du formulaire HTML 00:06:11
- On ajoute du style CSS à notre formulaire HTML 00:11:36
- Création du fichier de traitement de notre formulaire HTML 00:03:55
- Programmation: On veut obliger l'utilisateur à cocher au moins une case à cocher 00:10:34
- On teste notre programme 00:04:21
- Programmation: On impose à l'utilisateur de cocher au maximum 3 cases à cocher 00:08:29
- Programmation: On informe l'utilisateur par des messages 00:04:39
- Programmation: On compte les cases à cocher qui sont cochées 00:09:59
- On améliore le front de notre formulaire via du CSS 00:06:18
-
Conclusion
- Conclusion 00:01:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Belle suite après les boutons radio , merci pour cet excellent Tuto
-
Super tuto que je garde bien précieusement. Après la difficulté (s'il y en a) sera d'y ajouter le php. Entre le formulaire des cases à cocher, le css et le javascript on a reçu un "repas" copieux de connaissances. Tout est dynamique et opérationnel : l'utilisateur n'a qu'à faire ce qu'on lui dit. Merci beaucoup et à bientôt Carl.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Que contient le fichier source ?Le code sources des exercices.
note moyenne
avis laissés