Discussion :

[TLOH45]

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 :

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

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!

[Bovino]

Pourquoi tu ne mets pas une balise <label> tout simplement ?

[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

[SpaceFrog]

la balise label peut être à l'autre bout de la page ...

[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.

[SpaceFrog]

ben attribue un onclick sur le tr ...

[TLOH45]

C'est ce que je fais avec ce code

Code :

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

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

[Bovino]

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

Code :

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

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

[TLOH45]

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