Maison > interface Web > js tutoriel > Comment puis-je vérifier si une case à cocher est cochée à l'aide de jQuery ?

Comment puis-je vérifier si une case à cocher est cochée à l'aide de jQuery ?

Patricia Arquette
Libérer: 2024-12-17 18:18:11
original
649 Les gens l'ont consulté

How Can I Check if a Checkbox is Selected Using jQuery?

Vérifiez si une case à cocher est sélectionnée à l'aide de jQuery

Situation :

Dans jQuery, vous devez déterminer si une case est cochée pour effectuer des actions spécifiques, mais la méthode attr('checked') par défaut renvoie false lorsque décoché.

Solution :

1. Utilisation des propriétés des éléments DOM :

  • Accédez directement à la propriété vérifiée de l'élément DOM :
if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}
Copier après la connexion

2. Basculer la visibilité avec toggle() :

  • Utilisez la méthode toggle() pour afficher ou masquer un élément en fonction de l'état coché de la case :
$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
Copier après la connexion

Remarque :

  • this.checked renvoie true si la case est cochée et false s'il n'est pas coché.
  • toggle() affiche l'élément s'il est masqué et le cache s'il est affiché.

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