Cet article explique l'objectif, la fonctionnalité et l'utilisation de la propriété HTML DOM Input Radio 'checked' en JavaScript.
Qu'est-ce que la propriété HTML DOM Input Radio 'checked' en JavaScript ?
La propriété Input Radio 'checked' fonctionne sur les formulaires HTML et les champs de saisie pour définir et vérifier l'état du bouton 'Radio'.
Syntaxe (définir la propriété vérifiée)
radioObjet. vérifié = vrai | FAUXSelon la syntaxe de retour définie, la propriété 'checked' prend en charge deux paramètres répertoriés ci-dessous :
- vrai: Il signifie que l'élément correspondant est coché.
- FAUX: Il indique que l'élément correspondant est décoché.
Syntaxe (Renvoyer la propriété cochée)
radioObjet. vérifié Dans la syntaxe ci-dessus, le ' radioObjet ' fait référence au HTML '
Utilisons les syntaxes définies ci-dessus pour expliquer l'utilisation de la propriété HTML DOM Input Radio 'checked' à l'aide d'exemples pratiques donnés.
Exemple 1 : Application de la propriété Input Radio 'checked' Utilisation de la syntaxe de base
Dans le premier exemple, le bouton « Radio » est créé pour définir sa propriété « vérifié » en utilisant la syntaxe généralisée définie.
Code HTML
Tout d'abord, regardez le code HTML indiqué :
< style corporel = 'texte-aligner : centrer' >
< h2 > HTML Propriété vérifiée par radio d'entrée DOM h2 >
Couleur : < type d'entrée = 'radio' identifiant = 'jaune' > Jaune < Br >< Br >
< bouton onclick = 'colorCheck()' > Vérifier 'jaune' bouton >
< bouton onclick = 'colorUncheck()' > Décochez 'jaune' bouton >
Dans les lignes de code ci-dessus :
- Le '
” définit la section du corps qui est alignée sur le “ centre ”. - Le ' ” spécifie le premier sous-titre.
- Le '
» ajoute un bouton « Radio » en spécifiant le type d'entrée « radio « avec un identifiant attribué » jaune ”. - Le '
La balise ' ajoute un simple bouton associé à un ' sur clic ' pour exécuter l'événement ' couleurVérifier() ” fonction qui sera accessible lors d'un clic sur le bouton. - De même, un autre «
” crée un bouton pour invoquer le “ colorUncheck() ” fonction lors du clic sur le bouton.
Code Javascript
Ensuite, suivez le code JavaScript donné :
< scénario >fonction colorCheck ( ) {
document. getElementById ( 'jaune' ) . vérifié = vrai ;
}
couleur de la fonctionDécocher ( ) {
document. getElementById ( 'jaune' ) . vérifié = FAUX ;
}
scénario >
Dans l'extrait de code ci-dessus :
- La première fonction ' couleurVérifier() ' utilise le ' document.getElementById() ” pour récupérer le bouton radio, associez le “ vérifié ' et définissez sa valeur sur 'true'.
- Par contre, la fonction ' colorUncheck() ' définit la valeur de ' vérifié ” sur “false” par rapport au bouton Radio accédé.
Sortir
Comme on le voit, la sortie vérifie le bouton 'Radio' lors du clic sur le bouton (nommé 'Vérifier') et décoche 'lors du clic sur le bouton ('Désélectionner').
Exemple 2 : renvoi de la valeur « cochée » de la radio d'entrée
Cet exemple applique la propriété Input Radio 'checked' pour renvoyer l'état du bouton 'Radio' ciblé sous la forme d'une valeur booléenne.
Code HTML
Considérez le code HTML suivant :
< style corporel = 'texte-aligner : centrer' >< h2 > HTML Propriété vérifiée par radio d'entrée DOM h2 >
Couleur : < type d'entrée = 'radio' vérifié = vrai identifiant = 'jaune' > Jaune < Br >< Br >
< bouton onclick = 'colorCheck()' > Vérifier 'jaune' bouton >
< identifiant p = 'goûter' >< p >
Dans le bloc de code ci-dessus, le ' Radio ” est créé et l'état du bouton “ vérifié ' la propriété est définie sur ' vrai ”. Après cela, de la même manière, la fonction indiquée est invoquée via le ' sur clic ” événement avec le bouton.
Code Javascript
Maintenant, considérez les lignes de code suivantes :
< scénario >fonction colorCheck ( ) {
où = document. getElementById ( 'jaune' ) . coché par défaut ;
document. getElementById ( 'goûter' ) . innerHTML = t ;
}
scénario >
Dans l'extrait de code ci-dessus :
- Définissez une fonction nommée ' couleurVérifier() ”.
- Dans sa définition, appliquer le « document.getElementById() » pour accéder au bouton « Radio » à l'aide de son identifiant « jaune » et associer le « coché par défaut ” pour vérifier la valeur par défaut de la propriété “ vérifié ' attribut.
- Enfin, appliquez le « document.getElementById() » à nouveau pour récupérer le paragraphe vide inclus et afficher l'état de la propriété « cochée ».
.
Sortir
Comme analysé, le résultat renvoie l'état du bouton 'Radio' donné, c'est-à-dire ' vrai ” lors du clic sur le bouton.
Conclusion
En JavaScript, la propriété HTML DOM Input Radio 'checked' est utile pour définir et renvoyer l'état coché du bouton 'Radio'. La syntaxe définie de la propriété 'checked' fonctionne sur deux valeurs ' vrai ' et ' FAUX ”. En revanche, sa syntaxe de retour ne nécessite aucun paramètre. Cet article a démontré l'objectif, la fonctionnalité et l'utilisation de la propriété HTML DOM Input Radio 'checked' en JavaScript.