Discussion :

[renaud26]

Bonjour à tous,

Comme l'indique le titre...

Côté formulaire, une case cocher/décocher

Code :

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

1
2
 
<input type="checkbox" id="cocheTout_consulte"><span id="cocheText_consulte">Tout cocher</span>

Puis une boucle avec des checkbox multiples

Code :

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

1
2
3
4
 
{
<input type="checkbox" name="consulte[]" class="consulte" value="1">
}

Et côté JQuery (1.9)

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
 
$(document).ready(function() {
 
	$('#cocheTout_consulte').click(function() { 
 
        var cases = $(".consulte").find(':checkbox'); 
 
	if(this.checked){ 
            cases.attr('checked', false);
            $('#cocheText_consulte').html('Décocher tout'); 
        }else{ 
            cases.attr('checked', true);
            $('#cocheText_consulte').html('Cocher tout');
        }          
    });
});

Résultat : le texte change bien, mais les cases ne se cochent ni ne se décochent. Du coup je me demande si le find appliqué à la classe "consulte" récupère bien les checkbox...
Merci de vos lumières...

[Bovino]

Tu as coché apparemment, mais j'y vais quand même de ma contribution.
Tu confonds la méthode .attr() qui modifie un attribut (HTML) et la méthode .prop() qui modifie la propriété (JavaScript) de l'objet DOM associé.

D'autre part, tes <span> ressemblent furieusement à ce que devraient être des balises <label>.

[renaud26]

Bonjour et merci de tes explications.
En fait, l'erreur provenait du fait qu'il ne fallait pas que chaque checkbox ait la classe "consulte", mais le <td> qui les entoure.
Et là, magie !
Bonne journée à toi.