Maison > interface Web > js tutoriel > Comment vérifier l'état des cases à cocher dans jQuery ?

Comment vérifier l'état des cases à cocher dans jQuery ?

Linda Hamilton
Libérer: 2024-12-23 19:57:11
original
658 Les gens l'ont consulté

How to Check Checkbox Status in jQuery?

Comment vérifier l'état d'une case à cocher à l'aide de jQuery

Dans jQuery, la fonction attr('checked') n'est pas utilisée pour vérifier la propriété cochée d'une case à cocher. Au lieu de cela, vous pouvez utiliser les méthodes suivantes :

1. Utilisation de la propriété vérifiée de l'élément DOM

La propriété vérifiée de l'élément DOM de case à cocher fournit l'état coché de la case à cocher :

if (document.getElementById('isAgeSelected').checked) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}
Copier après la connexion

2. Utilisation de l'événement change() de jQuery

Lorsque la case est cochée, l'événement change() est déclenché. Vous pouvez l'utiliser pour basculer la visibilité de la zone de texte :

$('#isAgeSelected').click(function () {
    $("#txtAge").toggle(this.checked);
});
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal