Je crée une application Web mobile avec jQuery Mobile et je souhaite vérifier si une case 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.
Veuillez aider!
---- 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>
----ÉDITER--
Résolu, le problème était que le contenu du champ était également nommé `` se souvenir ''
javascript
jquery-mobile
checkbox
Steaphann
la source
la source
remember
ce que dans ce contexte:if (remember.checked == 1){
???remember
c'estundefined
dans ce contexte. Essayezconsole.log(remember);
.<div id="remember" data-role="fieldcontain">
et<input id="remember" name="remember" type="checkbox" onclick="validate()" />
. Aucune des réponses n'a attrapé ce problème.Réponses:
checked
est laboolean
propriété afin que vous puissiez l'utiliser directement dans lesIF
conditions: -<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>
la source
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 quelle est la variable
remember
. Vous devez d'abord obtenir l'élément en utilisant getElementById ().la source
== 1
. Son fonctionne uniquement à cause de deux erreurs. En fait, la valeur esttrue
oufalse
, il devrait simplement utiliserif( remeber.checked )
Cela devrait vous permettre de vérifier si l'élément avec
id='remember'
est'checked'
if (document.getElementById('remember').is(':checked')
la source
is
n'appartient pas à l'objet élément DOM.is()
- est une fonction jQuery..checked
est javascript.Si vous utilisez ce formulaire pour une application mobile, vous pouvez utiliser l'attribut requis html5. vous ne voulez pas utiliser de validation de script java pour cela. Ça devrait marcher
<input id="remember" name="remember" type="checkbox" required="required" />
la source
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()" />
la source
J'utilise ceci et cela fonctionne pour moi avec Jquery :
Jquery:
var checkbox = $('[name="remember"]'); if (checkbox.is(':checked')) { console.log('The checkbox is checked'); }else { console.log('The checkbox is not checked'); }
C'est très simple, mais ça marche.
Cordialement!
la source
Utilisez ce code simple ci-dessous: https://jsfiddle.net/Divyesh_Patel/v7a4h3kr/7/
<input type="checkbox" id="check"> <a href="#" onclick="check()">click</a> <button onclick="check()">button</button> <script> function check() { if (document.getElementById('check').checked) { alert("checked"); } else { alert("Not checked."); } } </script>
la source
if (document.getElementById('remember').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); }
la source
Cela devrait fonctionner
function validate() { if ($('#remeber').is(':checked')) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); } }
la source
remember
n'est pas défini ... et lachecked
propriété est un booléen et non 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.") } }
la source
Vous pouvez essayer ceci:
if ($(#remember).is(':checked')){ alert('checked'); }else{ alert('not checked') }
la source
Utilisez ce code simple ci-dessous: https://jsfiddle.net/Divyesh_Patel/v7a4h3kr/7/
<input type="checkbox" id="check"> <a href="#" onclick="check()">click</a> <button onclick="check()"> button </button> <script> function check() { if (document.getElementById('check').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); } } </script>
la source
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>
la source
Vous pouvez également utiliser les méthodes JQuery pour ce faire:
<script type="text/javascript"> if ($('#remember')[0].checked) { alert("checked"); } </script>
la source