Recup de checkbox en javascript/php

Version imprimable

Bonjour,

J'ai une petit problème

Je vous décrit ma page : j'ai un premier tableau avec quelque collonnes et plus particulièrement des checkbox
(checkbox car l'utilisateur doit pouvoir choisir plusieurs lignes)
ensuite j'ai trois bouttons ajouter modifier et supprimer
enfin un deuxième tableau et au lieu de checkbox des radio.

Mon problème aujourd'hui est de récupérer grâce a une fonction javascript la ou les valeurs coché par l'utilisateur des checkbox pour les transmettre dans une popup.

Alors hier on m'a aidé (car je suis une bille en JS c'est du charabiat) a faire une fonction pour récupérer les valeurs radio
et l'on m'a dit que c'était le meme système sauf qu'il faut récupérer les valeurs dans un tableau.

Si ca peut vous donner une indication

je vous met la fonction JS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function ouvreFenetreModifier() { valeurCheckDansLien=""; TabChecks=document.getElementsByName('check'); TCL=TabChecks.length; for( var i=0;i<TCL;i++) { // ici on parcourre les elements pour savoir lequel est coché if(TabChecks[i].checked) { valeurCheckDansLien="Modif_plan.php?check="+TabChecks[i].value; } } if( valeurCheckDansLien.length > 0){// si un radio est coché window.open(valeurCheckDansLien, "", config='width=600, height=600, resizable=no, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no'); } else { alert("pas de d'arrêts chaînes selectionné !") //si pas de radio coché } }
ainisi que mon tableau en php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 echo "<tr>"; echo "<td class='table-ligne1-centre' width='100'> <input type='checkbox' name='checkbox1' > </td>"; echo "<td class='table-ligne1-centre' width='100'>$TYPE</td>"; echo "<td class='table-ligne1-centre' width='100'>$DEBUT</td>"; echo "<td class='table-ligne1-centre' width='100'>$FIN</td>"; echo "<td class='table-ligne1-centre' width='100'>$CONSTAT</td>"; echo "<td class='table-ligne1-centre' width='100'>$DEMANDE</td>"; echo "<td class='table-ligne1-centre' width='100'>$CAUSE</td>"; echo "<td class='table-ligne1-centre' width='100'>$INFO</td>"; echo "<td class='table-ligne1-centre' width='100'>$IMPUTATION</td>"; echo "</tr>";
Si vous pouvez m'aider svp

merci d'avance

12/02/2009, 11h48
slopera
Bonjour,

La méthode getElementsByName te permet de récupérer tous les éléments de ta page ayant pour NAME la valeur passée en paramètre.
Ici, tu récupère en javascript

Code:

getElementsByName('check')

alors que dans ton code, tu as

Code:

<input type='checkbox' name='checkbox1' >

Voilà, sinon, cela fonctionnera effectivement exactement pareil entre des checkbox et des boutons radios, à ceci près que plusieurs checkbox peuvent être cochées en même temps, ce qui n'est pas le cas des boutons radio.

Donc, quand tu écris :
Code:

1 2 3 if(TabChecks[i].checked) { valeurCheckDansLien="Modif_plan.php?check="+TabChecks[i].value; }
valeurCheckDansLien sera valorisé avec la dernière valeur cochée trouvée ...
N'hésites pas si tu as besoin de plus amples informations pour la suite de ton javascript.

justement comment feriez vous pour que la variable que je retourne ne prenne pas que la dernière valeur quand il y en a plusieurs de cocher mais je les voudrais toutes.

sachant que j'ai modifié ce que vous m'avez dit

Code:

1
2
 
echo "<td class='table-ligne1-centre' width='100'> <input type=\"checkbox\" id=\"check_" .$i++. "\" name=\"check\" value='".$NUM."' /> </td>";

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function ouvreFenetreModifier() 
{ 
valeurCheckDansLien=""; 
TabChecks=document.getElementsByName('check'); 
TCL=TabChecks.length; 
for( var i=0;i<TCL;i++) { // ici on parcourre les elements pour savoir lequel est coché 
if(TabChecks[i].checked) { 
valeurCheckDansLien="Modif_plan.php?check="+TabChecks[i].value; 
} 
} 
if( valeurCheckDansLien.length > 0){// si un radio est coché 
window.open(valeurCheckDansLien, "", config='width=600, height=600, resizable=no, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no'); 
} else { 
alert("pas de d'arrêts chaînes selectionné !") //si pas de radio coché 
}

12/02/2009, 14h11
le_chomeur

concaténation dans une variable avec un séparateur :)

Je vais répondre à ta question : si tu veux toutes les valeurs, il te faut concaténer par exemple les valeurs dans une variable temporaire :
Code:

1 2 3 4 5 6 7 8 9 10 var valeurCheckDansLien=""; var TabChecks=document.getElementsByName('check'); var TCL=TabChecks.length; for( var i=0;i<TCL;i++) { // ici on parcourre les elements pour savoir lequel est coché if(TabChecks[i].checked) { valeurCheckDansLien = valeurCheckDansLien + TabChecks[i].value; // dernière valeur trouvée concaténée à la précédente. } } // on met le tout à la suite de modifPlan.php valeurCheckDansLien="Modif_plan.php?check="+valeurCheckDansLien ;
Ceci dit, je ne suis pas une pro du PHP, mais si tes checkbox sont dans un formulaire, tu devrais retrouver leur valeur passée en POST ou en GET dans le page cible de ton formulaire.
Ainsi, si la page Modif_plan.php est la cible de ton formulaire, tu devrais pouvoir directement accéder à la valeur de tes checkbox sans les passer via l'URL.
C'est le but d'un langage serveur. Vois peut être sur le forum PHP.

J'espère t'avoir aidé

12/02/2009, 14h23
drogba72

Et bien je sais que je pourrais utiliser post ou get ou meme session ...

Mais le problème c'est que je dois utiliser des popup (window open) et donc pas possible d'utiliser ce genre de méthode donc il faut que je les passe par l'url obligé.

Par contre je n'ai pas compris la concaténation dans une variable temporaire

pourrais tu me donné un exemple stp?
12/02/2009, 14h26
slopera

L'exemple est dans mon mail précédent : toutes les valeurs prises par les checkbox seront ajoutées derrière "check=" sans séparateur.

Voila je me suis inspiré de ton aide plus mon ancienne fonction ca a l'air de fonctionné mais ca n'ouvre pas le popup voyez vou pourquoi svp?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
function ouvreFenetreAjouter() { 
var valeurCheckDansLien="Formulaire_action.php?"; 
TabChecks=document.getElementsByName('checkbox1'); 
TCL=TabChecks.length; 
var j = 0; 
for( var i=0;i<TCL;i++) { // ici on parcourre les elements pour savoir lequel est coché 
if(TabChecks[i].checked) { 
if ( j == 0 ) { 
valeurCheckDansLien += "checkbox" + j + "=" + TabChecks[i].value; 
j++; 
} else { 
valeurCheckDansLien += "&checkbox" + j + "=" + TabChecks[i].value; 
j++; 
} 
} 
} 
if( j > 0){// si un radio est coché 
//window.open(valeurCheckDansLien, "", config='width=600, height=600, resizable=no, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no'); 
alert ('valeur : ' + valeurCheckDansLien ); 
} else { 
alert("pas de d'arrêts chaînes selectionné !"); 
} 
}

Code:

<input type='checkbox' name='checkbox1' value='" . $NUM . "' />

12/02/2009, 14h42
slopera

C'est la méthode window.open qui ouvre une popup.
Dans ton exemple, l'instruction est commentée.

Le alert (ouverture d'une fenetre d'avertissement) te permet de debugger le Javascript ... je pense qu'il te faudra le supprimer à terme.
12/02/2009, 14h49
drogba72

effectivement ca fonctionne mieux comme ca merci bcp pour votre aide

merciiiiiiiii
12/02/2009, 14h59
slopera

Ravie de t'avoir aidé.
Pense à mettre "résolu".