Double condition pour l'événement click()

Version imprimable

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. :)

23/05/2011, 12h41
omar24

essaye de tester:

Code:

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

je suis pas sur :)
23/05/2011, 13h09
arthuro45

Citation:

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 :mouarf:
23/05/2011, 13h16
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.

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 ?

23/05/2011, 15h40
omar24

es tu sur que

Code:

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

retourne un boolean?sinon essaye

Code:

if($(this).attr('checked'))
23/05/2011, 16h23
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
23/05/2011, 18h12
arthuro45

Citation:

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.

ç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'); } });

Citation:
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:

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'); } });
Merci ça marche impec ! :)