post et bouton checkbox

**bastien** · 17/09/2008, 16h07

Bonjour,

Je souhaite connaitre la valeur des boutons radio créé dynamiquement via le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var cb = document.createElement( "<input name='listupload[]' />" );
cb.type = "checkbox";
cb.id = "id"+i; //i est incrementé
cb.checked = true;
cb.value=i;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );

je crée plusieurs checkbox et
le formulaire a 'action' bien dirigé vers le fichier test.php qui contient $_POST['listupload']. Je soumets le formulaire.

Cependant en réalisant echo $_POST['listupload'][0].
Je n'obtiens rien
un p'tit coup de main, merci

**Bovino** · 17/09/2008, 16h13

Souviens toi :

Envoyé par SpaceFrog

il va te falloir créer un nouvel input dynamiquement avec le même name et lui attribuer la nouvelle valeur ...

Du coup ayant plusieurs inputs de même name avec des [] coté client tu récupèreras bien un array coté php

Dans le cas des boutons radio, seul la valeur de celui qui est coché est envoyée, donc un seul item donc pas de tableau PHP.

**bastien** · 17/09/2008, 16h22

FAut -il que je crée un élément listupload[i] avec i incrémenté?
du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var cb = document.createElement( "<input name='listupload["+i+"]' />" );
cb.type = "checkbox";
cb.id = "id"+i; //i est incrementé
cb.checked = true;
cb.value=i;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );

**bastien** · 17/09/2008, 16h33

Je rectifie : je ne travaille pas avec des boutons radio, pardon mais des checkbox et au regard du code précédemment donné, je ne saisis pas mon erreur!

**E.Bzz** · 17/09/2008, 16h41

Bonjour,

Envoyé par bastien

Je rectifie : je ne travaille pas avec des boutons radio, pardon mais des checkbox

C'est peut-être de là que vient le problème : le name commun à plusieurs input est normalement réservé aux radios, qui sont associés, justement par ce name commun.
Cela ne se justifie pas pour des checkbox dont le fonctionnement est indépendant.
Chaque checkbox cochée est envoyée et récupérée par son name ...

A+

**SpaceFrog** · 17/09/2008, 16h41

tu testes sous ffx ou IE ?

**bastien** · 17/09/2008, 16h50

sous IE7 mais il faudra qu'il fonctionne également sous firefox (pas encore essayé!)

ou alors cb.value n'enregistre pas la valeur i?!

**bastien** · 17/09/2008, 17h03

C'est peut-être de là que vient le problème : le name commun à plusieurs input est normalement réservé aux radios, qui sont associés, justement par ce name commun.
Cela ne se justifie pas pour des checkbox dont le fonctionnement est indépendant.
Chaque checkbox cochée est envoyée et récupérée par son name ...

J'en conviens mais pourtant le code suivant fonctionne et le name est identique à chaque fois!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
if (isset($ok))
        {
$site=$_POST['site'];
foreach ($site as $choix)
                {
echo "Choix utilisateur : ",$choix,"<br>";
                }
        }
?>
 
<html>
<body>
<form action="<?$PHP_SELF;?>" method="post">
 
Le site de Honolulu vous apprend des choses sur :
<input type="checkbox" name="site[]" value="HTML"> HTML
<input type="checkbox" name="site[]" value="PHP"> PHP
<input type="checkbox" name="site[]" value="Javascript"> JS
 
<input type="submit" value="valider" name="ok">
</form>
</body>
</html>

**curunir** · 17/09/2008, 17h11

Juste par hasard, si tu ne fais pas d'attributs id à tes checkbox ?

**bastien** · 17/09/2008, 17h15

L'attribut id est normalement défini (cf rouge gras)

Envoyé par bastien

FAut -il que je crée un élément listupload[i] avec i incrémenté?
du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var cb = document.createElement( "<input name='listupload["+i+"]' />" );
cb.type = "checkbox";
cb.id = "id"+i; //i est incrementé
cb.checked = true;
cb.value=i;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );

**SpaceFrog** · 17/09/2008, 17h17

j'ai un doute c'est pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $_POST[var[]][0]

**E.Bzz** · 17/09/2008, 17h20

Envoyé par bastien

J'en conviens mais pourtant le code suivant fonctionne et le name est identique à chaque fois!

Tu n'utilises pas la même syntaxe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<?php
$site=$_POST['site'];
foreach ($site as $choix)
                {
echo "Choix utilisateur : ",$choix,"<br>";
                }
?>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo $_POST['listupload'][0]

Tu as essayé avec la même (désolé de pas être plus affirmatif, mais moi, le PHP

)

A+

**curunir** · 17/09/2008, 17h20

Envoyé par bastien

L'attribut id est normalement défini (cf rouge gras)

La où je voulais en venir est que je me demandais si le fait d'avoir des checkbox avec le même nom mais des id différents pouvaient perturber la récupération des variables par PHP. Il me semble avoir déjà eu des surprises sur ce genre de choses.

**E.Bzz** · 17/09/2008, 17h32

Envoyé par curunir

mais des id différents pouvaient perturber la récupération des variables par PHP.

Heu ...

Ce n'est pas avec des id identiques que ça risque de mieux fonctionner ...

A+

**curunir** · 17/09/2008, 17h36

Justement, il utilise des id différents (cb.id = "id"+i; //i est incrementé), peut-être est-ce le problème.

**E.Bzz** · 17/09/2008, 18h01

Envoyé par curunir

Justement, il utilise des id différents (cb.id = "id"+i; //i est incrementé), peut-être est-ce le problème.

Les id doivent (toujours) être différents ...

**bastien** · 18/09/2008, 08h47

Désolé de ne pas avoir suivi la conversation, mais une autre tache importante m'imposait d'abonner (momentanément

) le forum.

Voici où j'en suis resté:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<html>
   <head>
   <script language="Javascript">
 
var listfile=new Array();
var txt=new Array();
var espace=new Array();
			
function AjoutUpload(formulaire)
{
listfile.push(document.forms[formulaire].elements.nomfichier.value);
var adr=listfile[listfile.length-1].lastIndexOf("\\");
var fic=listfile[listfile.length-1].substring(adr+1).split(".");
nom=(fic[0]+"."+fic[1]);	
var i = parseInt(document.getElementById( "iCheckboxes" ).value);	
var cb = document.createElement( "<input name='listupload["+i+"]' />" );
espace.push(document.createElement("br"));
cb.type = "checkbox";
cb.id = "id"+i;
cb.value=document.forms[formulaire].elements.nomfichier.value;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );
document.getElementById( 'append' ).appendChild( espace[txt.length-1] );
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
}
			
function Listing()
{
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.getElementById('id'+i).checked)
{
document.getElementById( 'append' ).removeChild(document.getElementById('id'+i));
document.getElementById( 'append' ).removeChild(txt[i]);
document.getElementById( 'append' ).removeChild(espace[i]);
}
}
}
			
   </script>
   </head>
<body>
<?php
	$fichier=$_POST['listupload[]'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form_messagerie" id="form" method="post" enctype="multipart/form-data">
  <div id="append" name="append"></div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="AjoutUpload('form_messagerie')" />
   <input type="button" value="liste" onclick="Listing()" />
<input class="i_text" type="file" size="20" name="nomfichier">
<input type="submit" tabindex="9" :>   </form>
</body>
</html>

J'obtiens l'erreur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Parse error: syntax error, unexpected '[', expecting ']'

Je modifie le code php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<?php
	$fichier=$_POST['listupload'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>

J'ai l'erreur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Warning: Variable passed to each() is not an array or object

Je modifie le code php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<?php
$fichier=$_POST['listupload'][0];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>

J'ai l'erreur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Warning: Variable passed to each() is not an array or object

J'ai du mal à comprendre que $fichier n'est pas un array puisque les input on un nom de tableau incrémenté lors de leur création !

**SpaceFrog** · 18/09/2008, 08h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var cb = document.createElement('<input name="listupload[]" />' );

pas de i dans les crochets !

**bastien** · 18/09/2008, 09h00

DAns toutes les documentations que je peux parcourir, il est notifié que le nom des checkbox doit être

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input name='listupload[]' />

et le retour des valeurs doit être $_POST['listupload'].

mais pourquoi me signale-t-il avant de toucher à quoi que ce soit que la donnée contenue dans each n'est pas un tableau?

**bastien** · 18/09/2008, 09h26

Alleluia

J'ai trouvé le défaut:
IL FAUT QUE LES CHECKBOX SOIENT COCHEES SINON AUCUNE VALEUR N'EST DANS LE POST!!!

Bref,

voici le code complet:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
   <head>
   <script language="Javascript">
 
var listfile=new Array();
var txt=new Array();
var espace=new Array();
			
function AjoutUpload(formulaire)
{
listfile.push(document.forms[formulaire].elements.nomfichier.value);
var adr=listfile[listfile.length-1].lastIndexOf("\\");
var fic=listfile[listfile.length-1].substring(adr+1).split(".");
nom=(fic[0]+"."+fic[1]);	
var i = parseInt(document.getElementById( "iCheckboxes" ).value);	
var cb = document.createElement( "<input name='listupload[]' />" );
espace.push(document.createElement("br"));
cb.type = "checkbox";
cb.id = "id"+i;
cb.value=document.forms[formulaire].elements.nomfichier.value;
txt.push(document.createTextNode( nom ));
document.getElementById( 'append' ).appendChild( cb );
document.getElementById( 'append' ).appendChild( txt[txt.length-1] );
document.getElementById( 'append' ).appendChild( espace[txt.length-1] );
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
}
			
function Listing()
{
for(var i=0;i<parseInt(document.getElementById( "iCheckboxes" ).value);i++)
{
if(document.getElementById('id'+i).checked)
{
document.getElementById( 'append' ).removeChild(document.getElementById('id'+i));
document.getElementById( 'append' ).removeChild(txt[i]);
document.getElementById( 'append' ).removeChild(espace[i]);
}
}
function SubmitPJ(formulaire)
{
for (var i=0; i<txt.length; i++) {
document.getElementById('id'+i).checked=true;
}
// On soumet le formulaire
document.forms[formulaire].submit();
}
}
			
   </script>
   </head>
<body>
<?php
	$fichier=$_POST['listupload'];
	while (list($key, $value) = each($fichier)) {
    echo "Clé : $key; Valeur : $value<br />\n";
	}
?>
   <p>click the button below</p>
   <form action="http://localhost/test.php" name="form_messagerie" id="form" method="post" enctype="multipart/form-data">
  <div id="append" name="append"></div>
   <input type="hidden" value="0" name="iCheckboxes" id="iCheckboxes">
   <input type="button" value="append" onclick="AjoutUpload('form_messagerie')" />
   <input type="button" value="liste" onclick="Listing()" />
<input class="i_text" type="file" size="20" name="nomfichier">
<input type="button" tabindex="9"  onclick="javascript:SubmitPJ('form_messagerie');"/></form>
</body>
</html>

Voilà, je vous remercie pour votre aide et j'espère que ce bout de code aide ce qui en ont besoin.

post et bouton checkbox

JavaScript

Discussions similaires

Partager

Partager