Comment puis-je vérifier si une case est cochée?

Je suis la construction d'une application web mobile avec jQuery Mobile et je veux 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 n'a pas l'exécuter.

S'il vous plaît 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>

----EDIT--

Résolu, le problème était que la fieldcontain a également été nommée "mémoriser"

Qu'est-ce que remember dans ce contexte: if (remember.checked == 1){???
Plus tard, il doit se rappeler email et mot de passe. C'est pour une page de connexion
Ce que j'essaie de dire, c'est que remember est undefined dans ce contexte. Essayez console.log(remember);.
La version de HTML que vous utilisez? Ce n'est pas vraiment XHTML, est-il?

InformationsquelleAutor Steaphann | 2012-03-27

244

checked est boolean de la propriété de sorte que vous pouvez l'utiliser directement dans IF condition:-
```
 <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>
```
- Je reçois toujours le message " Vous n'avez pas le vérifier! Permettez-moi de le vérifier pour vous.'
- Non, ça fonctionne très bien pour moi ; je suis à la fois des messages d'alerte.
- Avez-vous remplacer le mot "souvenir" avec votre case id? ...oh, juste remarqué 2012 0.o ...p.s. vous avez oublié le point-virgule après la 2ème alerte déclaration
- et vous avez les mêmes identifiants.. tous les id doit être unique
- ..Que faire si je ne veux pas qu'il le vérifier pour moi et je veux juste voir si elle est cochée ou pas?
InformationsquelleAutor Pranav
51

Essayez ceci:
```
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 sais pas ce que la variable remember est. Vous avez besoin pour obtenir le premier élément à l'aide getElementById().
- Vous devriez aussi des conseils de bande qui == 1. Son seul travail à cause de deux erreurs. En fait la valeur est true ou false, il doit tout simplement à l'aide de if( remeber.checked )
- bon point. merci pour ça, j'ai mis à jour la réponse
- Je reçois toujours le message " Vous n'avez pas le vérifier! Permettez-moi de le vérifier pour vous.'
InformationsquelleAutor clem
13

Cela devrait vous permettre de vérifier si l'élément avec id='remember' est 'checked'
```
if (document.getElementById('remember').is(':checked')
```
- is n'appartient pas à l'élément DOM objet
- .is() - est une fonction jQuery. .checked est en javascript.
InformationsquelleAutor Peter
8

Si vous utilisez ce formulaire pour application mobile, vous pouvez utiliser l'attribut requis html5.
vous ne voulez pas l'utiliser java script de validation pour cela. Il devrait fonctionner
```
<input id="remember" name="remember" type="checkbox" required="required" />
```
- Merci beaucoup Luc
InformationsquelleAutor shenbaga kannan
5

utiliser comme cette
```
<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()" />
```
- Je reçois toujours le message " Vous n'avez pas le vérifier! Permettez-moi de le vérifier pour vous.'
- c'est en travaillant...
- WFM trop. Pouvez-vous modifier votre question et de montrer ce que vous avez maintenant? Peut-être que vous avez fait un copier-coller de l'erreur.
- document.getElementById ("souvenir").checked == 1 a été changé par moi bfore votre commentaire.. il peut être le problème.
InformationsquelleAutor hkutluay

J'utilise et ça marche 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');
}

Est très simple, mais le travail est.

Ce qui concerne les!

InformationsquelleAutor Radames E. Hernandez

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

InformationsquelleAutor Lakshmana Kumar

remember est pas défini ... et la checked de la propriété est une valeur de type boolean n'est 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.")
    }
}

InformationsquelleAutor Quentin

Essayer Cette

<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>

InformationsquelleAutor

-1

Vous pouvez également utiliser les méthodes JQuery pour ce faire:

<script type="text/javascript">
if ($('#remember')[0].checked) 
{
 alert("checked");
}
</script>

InformationsquelleAutor Supriya

Vous devez vous connecter pour publier un commentaire.