jQuery : Test si la case à cocher n'est PAS cochée

Question

J'ai du mal à comprendre ce qui se passe. J'ai deux cases à cocher (j'en aurai d'autres à l'avenir) :

• checkSurfaceEnvironment-1
• checkSurfaceEnvironment-2

En fait, je veux écrire une instruction if et tester si l'une d'entre elles est vérifiée et si une autre ne l'est PAS. Quel est le moyen le plus simple d'accomplir ce qui suit :

if ( $("#checkSurfaceEnvironment-1").attr('checked', true) &&
     $("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') ) {
        // do something
}

Answer 1

Une méthode fiable que j'utilise est :

if($("#checkSurfaceEnvironment-1").prop('checked') == true){
    //do something
}

Si vous voulez itérer sur les éléments cochés, utilisez l'élément parent.

$("#parentId").find("checkbox").each(function(){
    if ($(this).prop('checked')==true){ 
        //do something
    }
});

Plus d'informations :

Cela fonctionne bien car toutes les cases à cocher ont une propriété checked qui stocke l'état réel de la case à cocher. Si vous le souhaitez, vous pouvez inspecter la page et essayer de cocher et de décocher une case à cocher, et vous remarquerez que l'attribut "checked" (s'il est présent) restera le même. Cet attribut ne représente que le état initial de la case à cocher, et non le actuel l'état. L'état actuel est stocké dans la propriété checked de l'élément dom pour cette case à cocher.

Voir Propriétés et attributs en HTML

Answer 2

if (!$("#checkSurfaceEnvironment-1").is(":checked")) {
    // do something if the checkbox is NOT checked
}

Answer 3

Vous pouvez également utiliser soit jQuery .not() ou :not() sélecteur :

if ($('#checkSurfaceEnvironment').not(':checked').length) {
    // do stuff for not selected
}

Exemple de JSFiddle

---

Notes supplémentaires

D'après la documentation de l'API jQuery pour l'option :not() sélecteur :

Le site .not() méthode finira par vous fournir des informations plus lisibles plus lisibles qu'en introduisant des sélecteurs ou des variables complexes dans un fichier :pas() sélecteur filtre. Dans la plupart des cas, c'est un meilleur choix.

Answer 4

Une autre façon de faire :

Voici un exemple de travail et voici le code, vous devez également utiliser prop.

$('input[type="checkbox"]').mouseenter(function() { 
    if ($(this).is(':checked')) {
        //$(this).prop('checked',false);
        alert("is checked");
    } else {
         //$(this).prop('checked',true);
        alert("not checked");
    }
});

J'ai commenté la façon d'activer l'attribut "checked".

Answer 5

if ( $("#checkSurfaceEnvironment-1").is(":checked") && $("#checkSurfaceEnvironment-2").not(":checked") )