IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Bind click sur checkbox


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    42
    D�tails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 42
    Par d�faut Bind click sur checkbox
    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 :
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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.

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    �a c'�tait avant jquery ....

    => .data()
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  4. #4
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    42
    D�tails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 42
    Par d�faut
    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,

  5. #5
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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'))
    			}
    		});
    	});
    });
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  6. #6
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    42
    D�tails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 42
    Par d�faut
    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.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. bind Click sur Listbox
    Par shaiHulud dans le forum Tkinter
    R�ponses: 4
    Dernier message: 10/12/2013, 18h10
  2. [AC-2010] Ev�nement click sur CheckBox
    Par fanabullunet dans le forum IHM
    R�ponses: 7
    Dernier message: 10/05/2012, 17h14
  3. Click sur checkbox
    Par titmael dans le forum jQuery
    R�ponses: 5
    Dernier message: 28/11/2011, 09h42
  4. binding click sur une select multiple perso
    Par Setsuna_00 dans le forum jQuery
    R�ponses: 3
    Dernier message: 29/07/2011, 14h31
  5. ex�cuter fonction php apr�s click sur checkbox
    Par neismarspra dans le forum Langage
    R�ponses: 1
    Dernier message: 24/11/2008, 23h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo