checkbox=checked sur click d'une ligne.

Version imprimable

Bonjour,

Je crée un tableau lors d'un recherche sur une liste d'adresses et en début de ligne je met une checkbox pour pouvoir faire une sélection et ainsi supprimer ou imprimer mes adresses. Je souhaite que lorsque l'on clique sur la ligne la checkbox soit cochée ou décochée... j'utilise la fonctionjquery suivante:
Code:

1 2 3 4 5 6 7 8 $(function () { $('#search_result tr').click( function() { $(this).find(':checkbox') .attr('checked',!$(this).find(':checkbox').attr("checked")); }); });
Cependant cela désactive le clique sur la checkbox elle même. Je n'arrive pas à trouver pourquoi cela fait ça. Auriez vous une idée s'il vous plait?

Merci!

06/12/2011, 10h13
Bovino

Pourquoi tu ne mets pas une balise <label> tout simplement ? :koi:
06/12/2011, 10h21
TLOH45

Tu veux dire une balise label qui permettrait lors du click de cocher? le problème est le fait que je suis dans une mise en page tableau donc je ne peux pas casser l'enchainement des balise de la table.

Je sais que la mise en page tableau est très déconseillée pour tout ca justement, mais je ne suis pas l'auteur du code...

Merci
06/12/2011, 10h59
SpaceFrog

la balise label peut être à l'autre bout de la page ...
06/12/2011, 11h23
TLOH45

Il faudrait qu'elle encadre tout mon <tr> ici... car c'est au click sur toute la case et pas seulement le texte que je veut déclencher l'action. Pas de solution niveau jquery?

Merci pour votre aide.
06/12/2011, 11h25
SpaceFrog

ben attribue un onclick sur le tr ...

C'est ce que je fais avec ce code

Code:

1
2
3
4
5
6
7
8
 
$(function () {
   $('#search_result tr').click(
      function() { 
           $(this).find(':checkbox')
                    .attr('checked',!$(this).find(':checkbox').attr("checked"));
        }); 
});

le click sur le tr marche très bien mais le click sur la checkbox ne marche plus

Il faut contrôler si le clic vient de la checkbox :

Code:

1
2
3
4
5
6
7
$('#search_result tr').click(function(e){
    var $target = $(e.target);
    if($target.is(':checkbox')){
        return;
    }
    // Suite du code
});

06/12/2011, 11h55
TLOH45

C'est parfait!! Merci beaucoup!! a vous deux!