Double condition pour l'événement click() [Résolu]

[arthuro45]

Bonjour,

quelle est la syntaxe si l'on veut dire :
Si je clique sur un "TD" ou une checkbox d'un même "TR", je fais telle ou telle action :

Voici le code qui fonctionne sans la double condition :

Code :

1
2
3
4
5
6
7
8
9
10
$('.tbl td').click(function(){
    var nextcheckbox = $(this).parent().find('input:checkbox');
    if(nextcheckbox.attr('checked')) {
        nextcheckbox.removeAttr('checked');
        $(this).parent().removeClass('couleurLigne');
    } else {
        nextcheckbox.attr('checked', 'checked');
        $(this).parent().addClass('couleurLigne');
    }
});

J'ai tenté ceci :

Code :

$('.tbl td ,input:checkbox').click(function(){ ...

mais ça ne fonctionne pas.
Merci pour votre aide.

[omar24]

essaye de tester:

Code :

$('.tbl > td ,input:checkbox').click(function(){ ...

je suis pas sur

[arthuro45]

Envoyé par omar24

essaye de tester:

Code :

$('.tbl > td ,input:checkbox').click(function(){ ...

je suis pas sur

non ça ne fonctionne pas, je ne peux plus cocher la case

[omar24]

tu utilises la méthode parent pour récupérer le parent de td et ensuite tu utilises parent() autre fois mais cette fois deux fois sur checkbox et tu compares les deux objets si ils sont égaux alors tu fais ton traitement sinon non.
Ceci bien sur partant du fait que checkbox se trouve dans un td.

[arthuro45]

J'ai fais ça pour la checkbox :

Code :

1
2
3
4
5
6
7
$("input:checkbox").click(function(){
        if($(this).attr('checked', true)){
            $(this).parents("tr").addClass('couleurLigne');
        }else{
            $(this).parents("tr").removeClass('couleurLigne');
        }
});

mais ça ne décoche plus ?? Vous voyez mon erreur ?

[omar24]

es tu sur que

Code :

$(this).attr('checked', true)

retourne un boolean?sinon essaye

Code :

if($(this).attr('checked'))

[llaffont]

J’essaie de comprendre ton besoin.

Tu as une TR contenant plusieurs CheckBox et lorsque tu en choisie un tu désactives les autres c'est bien ça ?

Si c'est le cas je regarderais du coté .toggle() et je ferais deux fonctions une qui désactive et l'autre qui active les checkboxes

[arthuro45]

Tu as une TR contenant plusieurs CheckBox et lorsque tu en choisie un...

...je colore la TR avec une classe css puis lorsque que je décoche j'enlève cette classe.
Je voudrais pouvoir aussi ajouter une classe css à la TR si je clique sur l'une de ces TD.

[llaffont]

ça ne va pas être facile de différencier le clique dans un checkbox contenu dans un TD,
d'un clique dans un TD.

sinon pour ton petit bout de code au dessus

Code :

1
2
3
4
5
6
7
$("input:checkbox").click(function(){
        if($(this).is(':checked')){
            $(this).parents("tr").addClass('couleurLigne');
        }else{
            $(this).parents("tr").removeClass('couleurLigne');
        }
});

[arthuro45]

Envoyé par llaffont

ça ne va pas être facile de différencier le clique dans un checkbox contenu dans un TD,
d'un clique dans un TD.

sinon pour ton petit bout de code au dessus

Code :

Merci ça marche impec !