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>
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."); } }
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!