[jQuery] Récupérer checkbox dans une fonction Résolu/Fermé

Question

Bonsoir, J'ai un formulaire en php. Ce formulaire contient des checkbox dont j'aimerai récupérer la valeur dans une fonction Ajax. J'y suis depuis hier soir dessus et je n'arrive toujours pas a récupérer ces valeurs. voici mon php transformé en html (juste la partie qui nous intéresse) : et voici le code de ma fonction javaScript affecter (simplifiée pareil) : function affecter(id_logiciel) { var salle = new Array(); salle = $("#form_affectation").find("input[name=salle_id]").val(); alert(salle.length); $.post("jQuery/affecter.php", { salle: salle }, function success(data){ $('#tableau_affectation').html(salle); }); } Le problème est que cette fonction ne marche pas. Si je fais un alert(salle.legth); il me trouve 1 ! Et si je fais alert(salle); (meme en ne cochant aucune chexbox) il me trouve 6 (rapport avec la valeur de ma première checkox a mon avis). Help please ! Merci d'avance ++

Vodkadaaa · Accepted Answer

Mon formulaire est à la base en php, mais j'ai bien précisé que je l'avais retranscrit en html (pour que ce soit plus lisible). En plus, tu confonds aussi les checkbox avec les radio ! Ton script peut mal de fonctionner puisque tu ne peux pas avoir plusieurs checkbox avec le même name. Ah je ne savais pas ça. Mais à la base pour les name j'avais un tableau id_salle[]. Je met mon formulaire en php cette fois si avec les name=id_salle[] $echo .= ""; Je précise aussi que ce formulaire fonctionnait parfaitement quand je récuperais mes checkbox en php avec un foreach(). merci d'avance

avion-f16 · Answer

J'ai un formulaire en php.
Apprenez à utiliser des termes correctes ! Ton formulaire est en (x)HTML !

En plus, tu confonds aussi les checkbox avec les radio !
Ton script peut mal de fonctionner puisque tu ne peux pas avoir plusieurs checkbox avec le même name.

avion-f16 · Answer

Mon formulaire est à la base en php
Non ! Tu écris son code source XHTML avec des echo en PHP, ce qui revient à du simple (x)HTML pour le navigateur

Par contre, je ne vois pas trop bien ce que tu veux faire.
Autre info : si tu veux vérifier si un checkbox est coché, utilise ".checked" qui renverra true si c'est le cas.

Vodkadaaa · Answer

Non ! Tu écris son code source XHTML avec des echo en PHP, ce qui revient à du simple (x)HTML pour le navigateur 

Ah excuse moi alors...

Ce que je veux faire c'est récupérer les valeurs des chexbox cochés (pas les autres) dans une fonction pour pouvoir les passés avec la méthode $post dans un autre document php. Puis les récupérer sous forme de tableau (en php).

Un .checked ne me permet pas de récupérer la valeur :x

avion-f16 · Answer

Ah excuse moi alors... 
Pas besoin de t'excuser, mais j'espère que tu as compris que dans ce genre de problème, savoir que tu utilises du PHP ne sert à rien du tout car le problème est côté client.

Essaye avec ça :
function affecter(id_logiciel)
{
   var salle = new Array(); 
   salle .= $("#form_affectation").find("input[name=salle_id]").val();
   alert(salle.length);
   $.post("jQuery/affecter.php", { salle: salle },
        function success(data){
        $('#tableau_affectation').html(salle);	
   });
}

Vodkadaaa · Answer

Marche pas. D'après Firebug c'est le point devant le égale qui ne va pas.

avion-f16 · Answer

Essaye avec ça :salle[] += $("#form_affectation").find("input[name=salle_id]").val();

Vodkadaaa · Answer

J'avais déjà essayé avec des crochets mais pas le point et ça ne marchait pas. Apparemment là non plus :x

Question surement très idiote mais est il possible en JavaScript de mettre des variables pour les nom de variables ?

avion-f16 · Answer

Question surement très idiote mais est il possible en JavaScript de mettre des variables pour les nom de variables ?
Je suppose que oui, mais je ne sais pas comment (essaye comme en PHP).

Je te propose une autre méthode :
Mets un id différent pour chaque checkbox, et à chaque fois que tu en insères une, tu insères aussi un script JS qui ajoutera l'ID dans un array. Ainsi, il te suffira de parcourir l'array pour avoir tous les ID et pouvoir récupérer les valeurs.

Vodkadaaa · Answer

J'ai pas très bien compris... Tu veux que je fasse un truc comme ça? $echo .= ""; fonction ajouter(numSalle) { var tableau = new Array('numSalle'); tableau = tableau.push(numSalle); } Mais le problème c'est qu'a chaque fois le tableau se réinitialise. En plus il y aura toutes les checkbox, or certaines peuvent ne pas etre coché par l'utilisateur. Et je serait quand meme obligé de passer le tableau en paramètre pour ma fonction affecter Non?

avion-f16 · Answer

Mais le problème c'est qu'a chaque fois le tableau se réinitialise
Voilà ton script :fonction ajouter(numSalle)
{
     var tableau = new Array('numSalle');
     tableau = tableau.push(numSalle);
}
C'est assez voyant ?

Vodkadaaa · Answer

Bah oui mais je ne vois pas comment faire autrement. 
Il faut bien l'initialiser au départ et on ne peut le faire que dans la fonction...

Je ne vois vraiment pas comment faire et pourtant c'est banale comme truc. Je ne trouve rien sur internet ! N'y a t'il personne qui fait ça?

avion-f16 · Answer

De toutes façon, tu appeles la fonction JS depuis le PHP, c'est impossible !
Ensuite, tu ne peux pas transmettre un array depuis POST ni par GET

Vodkadaaa · Answer

De toutes façon, tu appeles la fonction JS depuis le PHP, c'est impossible !

Je suis d'accord avec toi.

Ensuite, tu ne peux pas transmettre un array depuis POST ni par GET 

Bon bah je n'ai plus qu'a trouver une autre solution..

Merci quand même ++

avion-f16 · Answer

Mouhahahaha !
Je t'ai trouvé une alternative.
Voici la démo :)

Vodkadaaa · Answer

Ahhh merci avion-f16 !! Je commençais à désespérer sérieusement :x

Je n'ai plus qu'a remplacer "var nbCheckbox = 5;" par "var nbCheckbox = $nbrCheckbox" et ça va fonctionner!

avion-f16 · Answer

N'oublie pas de générer l'id.
Pour le nombre, il suffit de faire <?php echo $nbrCheckbox; ?>

Vodkadaaa · Answer

Cool ça marche.

j'ai fais ça : 


function affecter(id_logiciel, nbrCheckbox)
{
     var nbrCheckbox = nbrCheckbox;
     for(i=1 ; i <= nbrCheckbox ; i++) 
     {
          var currentCheckbox = document.getElementById("salle_" + i);
          if(currentCheckbox.checked) 
          { 
	alert(currentCheckbox.name + " est coché");
          }
      }
 return false;
	
}

Ce qui revient au même que ce que tu as fais (encore merci :D )

Me reste plus qu'a trouver comment passer toutes mes variables avec $post (je l'avais oublié ça) mais le plus gros en fait !

avion-f16 · Answer

Il suffit de généré la chaine "var=value&var2=value".
Je te fais un exemple, toujours à la même adresse

Vodkadaaa · Answer

Oh encore merci !

Pour toi c'est facile mais moi je débute jsute en javaScript et Ajax donc je n'ai pas encore le mécanisme du langage :x . J'espère que ça viendra vite

[jQuery] Récupérer checkbox dans une fonction

20 réponses

Discussions similaires