Discussion :

[actiproj]

Bonjour

Dans le cadre de tableau, je créé une checkbox générique pour sélectioner / déselectionner toutes les checkboxs de lignes

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
21
22
23
24
25
26
27
28
29
30
31
 
$(".selall").click(function () {
        if (this.checked) {
            $('.chksel').each(function () {
                this.checked = true;
            });
        } else {
            $('.chksel').each(function () {
                this.checked = false;
            });
        }
    });
 
 
 
 
<table class="tableau zebre avectri">
  <thead>
    <tr>
        <th class="thchksel"><input type="checkbox" name="selall" class="selall"></th>
        <th>Nom</th>
        <th>Ville</th>
        <th data-type="num">Âge</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td class="tdchksel"><input type="checkbox" class="chksel"></td>
        <td>Luc</td><td>Montréal</td><td>28</td>
    </tr>
....

Cette partie fonctionne mais un peu trop bien car lorsque j'ai deux tableaux (et j'aimerais que les noms de classes ne changent pas), la coche dans la zone générique coche toutes les coches de TOUS les tableaux)

Comment faire pour que la coche générique ne coche que les coches de lignes pour le tableau en cours ?

Merci de votre aide
actiproj

[SpaceFrog]

en remontant avec parents jusqu'au tableau et en faisant un find de ta classe

[actiproj]

Merci, voici le code adéquat

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$(".chkselgen").click(function () {        
        if (this.checked) {
 
            $(this).parentsUntil('table').parent().find('.chksel').each(function () {
                this.checked = true;
            });
        } else {
            $(this).parentsUntil('table').parent().find('.chksel').each(function () {
                this.checked = false;
            });
        }
    });

[SpaceFrog]

oui ou plus directement le premier table parent

Code :

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

 $(this).parents('table:eq(0)').find(...)