Bonjour,
J'ai un tableau avec plusieurs colonnes répertoriant des données de ma base de données.
Une de ses colonnes s'appelle Catégorie.
Catégorie peut avoir trois valeurs : A, B et C.
Quand on clique sur la colonne "Catégorie" à l'écran s'affiche avec des checkbox pour trier les catégories, par exemple l'utilisateur peut choisir seulement d'afficher les catégories A et B mais pas C...
Sur ma page j'ai 2 catégories A, 2 catégories B, et 1 catégorie C.
Quand je déselectionne la catégorie A, il m'enlève seulement le premier résultat mais pas le second. (pareil pour le B)
Je vous donne un aperçu de mon code :
et le code html :
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
20 $(document).ready(function () { <!-- changement d'etat de ma checkbox --> $("#check1" ).change(function () { <!-- verif checked de ma checkbox --> if($('#check1').is(':checked')) {$('#A').show();} else{$('#A').hide();} }); $("#check2" ).change(function () { if($('#check2').is(':checked')) {$('#B').show();} else{$('#B').hide();} }); $("#check3" ).change(function () { if($('#check3').is(':checked')) {$('#C').show();} else{$('#C').hide();} }); });
$resultat[1] est égale au nom des catégories(A,B et C)
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 <input type="checkbox" checked id="check1" value="A" name="A"><div width="6px" style="display:inline;"> </div><img src="images/ico/exploitation.png"><div width="6px" style="display:inline;"> </div>A <br /><input type="checkbox" checked id="check2" name="B"><div width="6px" style="display:inline;"> </div><img src="images/ico/B.png"><div width="6px" style="display:inline;"> </div>B <br /><input type="checkbox" checked id="check3" name="C"><div width="6px" style="display:inline;"> </div><img src="images/ico/C.png"><div width="6px" style="display:inline;"> </div>C echo '<tr id='.$resultat[1].'> <td height="30px" width="280px" bgcolor='.$bg.' class="contenu_tab"><span style="margin-left:10px">'.$resultat[0].'</span></td> <td align="center" bgcolor='.$bg.' class="contenu_tab">'.$image.'</td> <td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[2].'</td> <td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[3].'</td> <td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/statut.png"></td> <td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[5].'</td> <td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[6].'</td> <td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/impact.png"></td> </tr>';
Comment faire pour que quand je clique sur A, cela me décoche TOUS les A et pas qu'un seul ?
Merci de votre aide.
Partager