Comment vérifier et répondre aux changements d'état des cases à cocher à l'aide de jQuery ?

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

Pour vérifier la propriété cochée d'une case à cocher dans jQuery et effectuer une action en conséquence, les étapes suivantes peut être suivi :

Personnalisation HTML :

• Incluez le script jQuery dans votre HTML :
• Créer une case à cocher avec un ID :
• Créez un élément à afficher ou à masquer en fonction de l'état de la case à cocher, avec un ID :

Gestion des événements jQuery :

• Utiliser JavaScript DOM:

  • Obtenez l'élément DOM de la case à cocher par ID : document.getElementById('isAgeSelected')

  • Vérifiez la propriété cochée et effectuez la correspondance actions :

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

• Utilisation de jQuery :

  • Cochez la case par ID : $(' #isAgeSelected')

  • Utilisez l'événement click pour basculer la visibilité de l'élément txtAge basé sur l'état de la case à cocher :

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

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!