Discussion :

[omegaarma]

Bonjour bonsoir a tous
J'ai un soucis je n'arrive pas a transformer ma condition if en condition ternaire
Je bloque c'est pourtant pas sorcier on dirait.

Le topo est que j'ai une checkbox qui selectionne toute les autres checkbox ça ça marche maintenant je voudrai transformer ma condition if en condition ternaire

Merci de votre aide

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="checkbox" name="checkedAll" id="checkedAll"><span id="cocheText">Tout cocher</span></input>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$("#checkedAll").click(function () {
        //tout cocher
        $('.checkSingle').attr('checked', this.checked);
 
        //changer tout cocher en tout décocher
        var plpml="tout cocher";
        if(this.checked)  {
             plpml;
                } 
        else
        {
            plpml="Tout decocher";
        }
        $('#cocheText').html(plpml);
 
        //((this.checked) = true)? "Tout cocher":"tout décocher";
 
        });       
    });

[Watilin]

Bonsoir,

Avec l’opérateur ternaire, l’instruction var maVariable = test ? valeurSiVrai : valeurSiFaux est équivalente à la séquence :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var maVariable;
if (test) {
  maVariable = valeurSiVrai;
}
else {
  maVariable = valeurSiFaux;
}

Vu que tu n’est pas loin d’avoir trouvé comme tu l’as dit toi-même, je te laisse chercher pour le reste

Note que tu as un petit problème de HTML : normalement les éléments <input> n’ont pas d’enfants.
Regarde la structure DOM avec la console F12, tu verras que le span n’est pas imbriqué dans l’input.

Mieux qu’un span, utilise un label, ça permettra de cliquer plus facilement (un clic sur le texte sera « redirigé » sur la checkbox).

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="checkbox" name="checkedAll" id="checkedAll" />
<label id="cocheText" for="checkedAll">Tout cocher</label>