Bind click sur checkbox

Version imprimable

Bonjour,

Je suis confronté à un problème particulier.

Je récupère des champs cachés, et attribue un onclick sur une checkbox en fonction des valeurs récupérées.
Quand j'affiche les id checkbox et les valeurs récupérées, tout va bien :

Citation:

id_checkbox valeur1 valeur2
ddcl-parametre_8358-i0 189 123
ddcl-parametre_8358-i1 189 123
ddcl-parametre_8358-i2 189 123
...
ddcl-parametre_8400-i0 194 124
ddcl-parametre_8400-i1 194 124

Les id sont uniques.

J'attribue mon onclick comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(document).ready(function(){ $(".chpmult").each(function(){ id_cbxmult = $(this).attr('id'); id_valeur1 = parseInt($('#valeur1_'+id_cbxmult).val()); id_valeur2 = parseInt($('#valeur2_'+id_cbxmult).val()); $('#ddcl-'+id_cbxmult+'-ddw input:checkbox').each(function(){ id_check = $(this).attr('id'); console.log(id_check+' '+id_valeur1+' '+id_valeur2); // ok affichage document.getElementById(id_check).onclick = function () { modif_data(id_valeur1, this.checked, id_valeur2) } }); }); });
En résumé je récupère des divs, les champs cachés (valeur1 et valeur2), les checkbox dans la div, et attribue mon onclick sur chaque checkbox.

Le problème est que chaque checkbox va se retrouver avec les mêmes valeurs (les dernières) ! Par exemple la première checkbox, je récupère 189 et 123 et il va attribuer au onclick les dernières 194 et 124 .

Impossible de comprendre pourquoi.

Je ne peux pas attribuer le onclick avec jquery car les checkbox sont générés avec un composant de jquery et il y a déjà un "bind".

J'ai donc l'impression qu'il attribue le onclick qu'à la fin (d'où les dernières valeurs), mais pourquoi ?

Merci d'avance.

12/04/2011, 17h05
Bovino

C'est pourtant clairement expliqué dans la :faq: : Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?
12/04/2011, 17h09
SpaceFrog

ça c'était avant jquery ....

=> .data()
12/04/2011, 17h13
scfi1

Merci pour vos réponses,

Oui mais on ne rentre pas dans le cadre de la FAQ (enfin je pense), ce n'est pas une variable de boucle, mais une variable que je vais récupérer dans le HTML (qui certes change à chaque tour de boucle), l'indice n'est donc pas adapté (?).

SpaceFrog, le .data(), je ne voit pas très bien où je peux le placer.

Merci à vous,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
	$(".chpmult").each(function(){
		id_cbxmult = $(this).attr('id');
		$(this).data('id_valeur1',parseInt($('#valeur1_'+id_cbxmult).val()));
		$(this).dtata('id_valeur2',parseInt($('#valeur2_'+id_cbxmult).val()));
		$('#ddcl-'+id_cbxmult+'-ddw input:checkbox').each(function(){
			id_check = $(this).attr('id');
			document.getElementById(id_check).onclick = function () {
				modif_data($(this).data('id_valeur1'), this.checked, $(this).data('id_valeur2'))
			}
		});
	});
});

13/04/2011, 09h51
scfi1

Merci c'est exactement ça (en décalant juste les déclarations dans la boucle du dessous).

Très pratique cette fonction, je ne connaissais pas.