Discussion :

[pierre50]

Soit un tableau de plusieurs lignes contenant chacune DEUX checkbox.



Le script ci-dessous fait appel à jquery. Il fonctionne actuellement de la manière suivante :

1) Un clic sur la ligne met en surbrillance la ligne et coche la première checkbox

2) Un second clic sur la ligne annule la surbrillance et décoche les deux checkbox

3) Un click pointant sur une checkbox met en surbrillance la ligne et coche la checkbox correspondante. Parfait...

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
<style> .selected td { background-color: #48507B;}</style>
<script type="text/JavaScript">
    $(document).ready(function() {
      $('#rowclick5 tr')
        .filter(':has(:checkbox:checked)')
        .addClass('selected')
        .end()
      .click(function(event) {
        $(this).toggleClass('selected');
        if (event.target.type !== 'checkbox') {
          $(':checkbox:first', this).attr('checked', function() {
            return !this.checked;
          });
        }
      });
});
</script>

Tout cela correspond a mes attentes SAUF :

Si je clique sur la premiere checkbox, la ligne est en surbrillance et elle se coche.
SI ALORS je clique sur la seconde checkbox, la surbrillance disparait...
je voudrais que la surbrillance reste et que la première checkbox se décoche.

Comment puis-je faire ?
Merci à tous

[pierre50]

Résolu autrement.

[vermine]

Mais comment ?
Votre solution pourrait peut-être intéresser quelqu'un d'autre.