Maison > interface Web > js tutoriel > Comment vérifier l'état d'une case à cocher dans jQuery Mobile ?

Comment vérifier l'état d'une case à cocher dans jQuery Mobile ?

Susan Sarandon
Libérer: 2024-11-15 08:43:03
original
965 Les gens l'ont consulté

How to Check the Status of a Checkbox in jQuery Mobile?

Comment déterminer l'état d'une case à cocher avec jQuery Mobile

Lors du développement d'applications Web mobiles avec jQuery Mobile, il est essentiel de vérifier l'état coché d'une case à cocher . Voici comment y parvenir :

Dans votre code HTML, ajoutez l'attribut id à la case que vous souhaitez cocher, comme indiqué ci-dessous :

<input>
Copier après la connexion

Ensuite, définissez une fonction JavaScript pour gérer la validation de la case à cocher :

function validate() {
  // Retrieve the checkbox object
  var remember = document.getElementById('remember');

  // Check if the checkbox is checked
  if (remember.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}
Copier après la connexion

La propriété Remember.checked est évaluée à une valeur booléenne, indiquant si la case à cocher est cochée ou non. Vous pouvez comparer directement cette propriété à true dans une condition if pour déterminer l'état de la case à cocher.

Lorsque la case est cliquée, la fonction validate() est déclenchée, effectuant les vérifications nécessaires et affichant un message approprié en conséquence .

Résolution pour le code mis à jour :

Dans le code mis à jour que vous avez fourni, un conteneur de champ supplémentaire était présent avec le même ID comme la case à cocher (rappelez-vous), ce qui provoquait un conflit. Pour résoudre ce problème, vous devez attribuer au conteneur de champ un identifiant unique, garantissant que la fonction document.getElementById() peut récupérer correctement l'objet case à cocher.

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