Médiaforma

Accéder à une case à cocher en JavaScript

Print Friendly

Cette rubrique va vous montrer comment cocher ou décocher une case en JavaScript.

Le corps du document contient un formulaire de nom form1, une case à cocher de nom rad1 et un bouton. Lorsque l’utilisateur clique sur le bouton, la fonction JavaScript modifie_rad1() est exécutée.

Dans un premier temps, l’état (coché ou non coché) de la case est mémorisé dans la variable coche. Le formulaire est accédé avec document.forms[« form1 »]. La case à cocher rad1 avec elements[« rad1 »] et l’état de cette case à cocher avec checked. Lorsque cette instruction a été exécutée, la variable coche vaut true si la case est cochée, ou false si elle est décochée.

Les lignes suivantes inversent l’état de la case.

Si la case n’est pas cochée, la propriété checked est initialisée à true, ce qui provoque le cochage de la case. Au contraire, si la case est cochée, la propriété checked de la case est initialisée à false, ce qui provoque le décochage de la case.

Examinons le résultat le résultat de ce code dans un navigateur :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply