Comment vérifier avec précision l'état coché d'une case à cocher avec jQuery ?

Vérification de la propriété cochée d'une case à cocher avec jQuery

Problème :

Vous devez déterminer l'état coché d'une case à cocher à l'aide de jQuery et entreprendre une action basée sur le résultat.

Code jQuery :

Le code jQuery suivant tente de vérifier la propriété vérifiée de la case à cocher "isAgeSelected" mais renvoie false par défaut :

if ($('#isAgeSelected').attr('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}

Solution correcte :

Pour interroger la propriété cochée avec succès, vous pouvez utiliser le code suivant :

Option 1 :

Accéder directement à l'élément DOM en utilisant JavaScript :

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

Option 2 :

Utilisez la fonction "toggle" de jQuery pour un nettoyeur approche :

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});

Ce code gère l'événement de clic sur la case à cocher "isAgeSelected" et bascule la visibilité de l'élément "txtAge" en fonction de l'état coché.

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!