Next Adjacent selector avec this [Résolu]

[3logy]

Salut à tous,

j'ai deux inputs de la forme suivante :

Code :

1
2
3
4
 
<input type="checkbox" value="Position vom: 21.09.2009 03:05:24" name="route_1" id="point_0"><label for="point_0">Route 1</label>
 
<input type="checkbox" value="Position vom: 21.09.2009 03:15:32" name="route_2" id="point_1"><label for="point_1">Route 2</label>

J'aimerais maintenant recuperer pour "chaque" input la valeur de son label.

Par exemple si je clique l'input avec id : point_1 il me retourne : Route 2.

j'ai la solution suivante :

Code :

1
2
3
4
5
6
7
8
 
 $('input[type="checkbox"]').change( 
          function(){
               if(this.checked){
                            var levels = $('input:checked + label').text();
                            alert(levels);
                        }
});

le Probleme lorsque je clique sur le premier input il me retourne : Route 1
et si ensuite je clique le deuxieme input il me retourne : Route1Route2

Pourtant le but est de retourne rien que la valeur label de l'input clique.

Comment le faire?

Merci pour l'aide.

[3logy]

Eureka!!

En faisant :

Code :

1
2
3
4
5
6
7
8
 
$('input[type="checkbox"]').change(
                    function(){
                        if(this.checked){
                                var levels = $(this).next().html();
                        }
                    }
);

[SpaceFrog]

Code :

1
2
3
4
5
6
7
$('input[type="checkbox"]').change(
                    function(){
                        if(this.checked){
                                var levels = $("label[for='"+$(this).attr('id')+"']").html();
                        }
                    }
);

juste au cas ou le next ne soit pas le label attendu ...
au moins avec le for tu es sûr ...