Vérifiez un bouton radio avec JavaScript

Dans certains cas, les programmeurs doivent vérifier / marquer le bouton radio. Par exemple, la sélection automatique du bouton radio approprié en fonction d'une action utilisateur ou d'un scénario spécifique. Pour cela, utilisez le javascript "vérifié"Propriété du bouton radio pour définir"vrai". La vérification d'un bouton radio avec JavaScript peut faciliter l'utilisation du site Web.

Ce blog montrera la façon de vérifier / marquer un élément de bouton radio HTML à l'aide de JavaScript.

Comment vérifier un bouton radio avec JavaScript?

Pour vérifier un bouton radio avec JavaScript, utilisez le "vérifié»Propriété / attribut d'un bouton radio HTML. Il s'agit d'un attribut de valeur booléenne utilisé pour renvoyer l'état vérifié d'un bouton radio.

Syntaxe
Pour définir les valeurs, utilisez la syntaxe suivante où nous définissons la valeur de l'attribut à «vrai" ou "FAUX".

radioobject.vérifié = true | false

Exemple 1: Vérifiez un bouton radio en cliquant sur le bouton
Créer un bouton radio:

Accepter

Créez un bouton qui vérifiera le bouton radio en cliquant dessus:

Sélectionnez le bouton radio

Définir une fonction "checktheradio ()"Cela se déclenchera sur le bouton cliquer. Obtenez la référence du bouton radio et définissez le "vérifié«Propriété à«vrai»:

Fonction ChecktheRadio ()
document.getElementByid ("d'accord").vérifié = true;

Ici, vous pouvez voir que le bouton radio a été vérifié avec succès en cliquant sur "Sélectionnez le bouton radio»:

Vous pouvez également utiliser le «vérifié»Propriété pour obtenir la valeur du bouton radio sélectionné.

Exemple 2: Obtenez la valeur du bouton radio sélectionné
Dans un fichier HTML, créez un groupe de boutons radio qui indique les jours de la semaine:

Lundi

Mardi

Mercredi

Jeudi

Vendredi

Samedi

Dimanche

Créez un bouton en fixant un "sur clic()"Événement qui appellera la fonction"vérifier()»:

Vérifiez le bouton radio sélectionné

Créer un

Tag pour obtenir la valeur du bouton radio sélectionné:

Dans le fichier javascript, obtenez d'abord les références des boutons radio, du bouton et d'un

étiqueter "getElementByid ()" et "queySelectorall ()»Méthodes:

constance constant = document.getElementById ('btn');
const radioobtn = document.queySelectorall ('input [name = "semaine"]');
const selectedValue = document.getElementById ("valeur");

Définissez une fonction nommée «vérifier()"Cela vérifiera le bouton radio"vérifié”Propriété, obtenez leurs valeurs et affichez-les sur la page Web. Il donne une valeur booléenne "vrai"Si le bouton radio est vérifié et"FAUX«S'il n'y a personne n'est vérifié:

Fonction Check ()
Laisser jour;
for (const radio de radioobtn)
if (radio.vérifié)
jour = radio.valeur;
casser;


if (jour)
VALAGE SELECT.innerText = 'le jour sélectionné est $ day';

autre
VALAGE SELECT.innerText = 'Veuillez sélectionner tout bouton radio';

Sortir

Il s'agit de vérifier un bouton radio avec JavaScript.

Conclusion

Pour vérifier un bouton radio avec JavaScript, utilisez le "vérifié”Propriété du bouton radio HTML. Il donne et définit la valeur booléenne "vrai" et "FAUX". Il est utilisé pour le réglage et l'obtention de la valeur des boutons radio. Ce blog a démontré la procédure pour vérifier un bouton radio avec JavaScript.