Javascript Girl
  1. Javascript Girl
  3. Vérifiez si la case est cochée JavaScript
Intereting Posts
Donner la valeur initiale à observer à partir du balisage HTML Comment faire référence à l'objet appelant ("ceci") en utilisant attachEvent Maintenir l'ordre du tableau dans Javascript Regex pour obtenir tous les champs alphanumériques, sauf pour les virgules, les tirets et les citations simples IOS lient la fonction javascript pour cliquer sur <html> Je veux utiliser Meteor.setInterval () pour mettre à jour un modèle de temps, il ne fonctionne pas Trouvez la position du caret dans la zone de texte en pixels Quel est le "meilleur" moyen d'obtenir et de définir une seule valeur de cookie en utilisant JavaScript Code de jurage obfusé avec des valeurs binaires? Les éléments compressibles HTML5 dans le div contentatif – cesse de fonctionner après la première baisse – pourquoi? Comment puis-je lire le contenu de json dans une balise <script>? Variables globales pour les modules standard node.js? L'attribut de téléchargement ne fonctionne pas dans Firefox Rails flash avis via ajax Graphique de donuts de Highcharts sans tarte interne?

Vérifiez si la case est cochée JavaScript

Je crée une application Web mobile avec jQuery Mobile et je souhaite vérifier si une case à cocher est cochée. Voici mon code. 

<script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" />

Mais pour une raison ou une autre, il ne l'exécute pas.

Aidez-nous!

—- EDIT —– C'est ce que j'ai pour le moment. 

 <DIV data-role="content" data-theme="g"> <DIV class=ui-grid-g-login> <FORM method=post action=[$=PROBE(266)/] data-theme="C"> <P>~DATA_ERROR~</P> <div id="mail" data-role="fieldcontain"> <label for="mail">Email:*</label> <input id="mail" name="mail" type="email" /> </div> <div id="pass" data-role="fieldcontain"> <label for="pass">Paswoord:*</label> <input id="pass" name="pass" type="password" /> </div> <div id="remember" data-role="fieldcontain"> <label for="remember">Onthoud mij</label> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> </div> <P><INPUT class=btn name=submit value=Login type=submit onclick="validate()"></P> </FORM> </DIV> </DIV><!-- /content --> <script type=text/javascript> function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } </script>

—-MODIFIER–

Résolu, le problème était que le conteneur de terrain était également appelé "Remember"

    checked est boolean propriété boolean afin que vous puissiez l'utiliser directement en condition IF : 

      <script type="text/javascript"> function validate() { if (document.getElementById('remember').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); } } </script>

    essaye ça: 

     function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } }

    Votre script ne sait pas ce que le "souvenir" est. Vous devez d'abord obtenir l'élément en utilisant getElementById ()

    Si vous utilisez ce formulaire pour une application mobile, vous pouvez utiliser l'attribut requis html5. Vous ne souhaitez pas utiliser de validation de script java pour cela. Cela devrait fonctionner 

     <input id="remember" name="remember" type="checkbox" required="required" />

    Cela devrait vous permettre de vérifier si l'élément avec id='remember' est 'checked' 

     if (document.getElementById('remember').is(':checked')

    Utiliser comme ça 

     <script type=text/javascript> function validate(){ if (document.getElementById('remember').checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" />

    remember is undefined … et la propriété checked est un boolean pas un nombre. 

     function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } 
      if (document.getElementById('remember').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); }

    Vous avez deux identifiants comme "souvenir", les identifiants doivent être uniques pour chaque élément.

    Essaye ça 

     <script type="text/javascript"> window.onload = function () { var input = document.querySelector('input[type=checkbox]'); function check() { if (input.checked) { alert("checked"); } else { alert("You didn't check it."); } } input.onchange = check; check(); } </script>