Discussion :

[TakingCTRL]

Greetings, fellow développeurs web

Je suis débutant en javascript, et je m'intéresse aux formulaires. J'ai beaucoup de mal avec les checkbox (ce sont mes bêtes noires!)
Je dispose d'un code de ce type:

Code html :

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
<form id="formulaire" action="action.php" method="POST">
 
  <fieldset id="groupe1">
    <legend>Groupe1</legend>
      <input id="element1" type="checkbox" value="1" checked="checked">
      <label class="" for="element1">1er Element</label>
 
      <input id="element2" type="checkbox" value="2" checked="checked">
      <label class="" for="element2">2eme Element</label>
  </fieldset>
 
  <fieldset id="groupe2">
    <legend>Groupe2</legend>
      <input id="element3" type="checkbox" value="3" checked="checked">
      <label class="" for="element1">3eme Element</label>
 
      <input id="element4" type="checkbox" value="4" checked="checked">
      <label class="" for="element4">4eme Element</label>
  </fieldset>
 
  <input type="submit" value=" Envoyer ">
 
</form>

Et j'aimerais grâce au bouton Envoyer, récupérer tous les id de fieldset et leurs values, séparés par des virgules, donc une variable par fieldset, que l'on envoit à action.php, pour cela faut-il faire une fonction javascript?

Exemple: On suppose que toutes mes variables de groupe existent déjà et ont de valeur par défaut dans mon action.php.
Je coche "1er element", "2eme element", "4eme element".
J'envois donc a action.php 2 variable (un par groupe), la première contiendra "1,2" et la seconde "4".

Merci de bien vouloir m'apporter votre précieuse aide

[bewidia]

Bonjour,

tes input n'ont pas de balise name, coté serveur tu vas avoir du mal à récupérer les valeurs...

Ensuite plutôt que de faire du javascript, je modifierais le formulaire pour faire des champs dont les name sont "group1_element1", "group1_element2" etc et coté serveur tu traites tes variables comme tu veux.

Sinon c'est possible en javascript, en créant par exemple un champ hidden au name "group1" et lors de la soumission tu boucles sur les champs en recopiant la valeur des éléments fils comme tu veux. Avec jQuery c'est assez facile, sans ça me semble de suite plus compliqué. Comme tu es débutant, mieux vaut partir sur un traitement serveur si tu maîtrises mieux.

[TakingCTRL]

Bonjour,

Merci de ta réponse! Je vais réfléchir à tes propositions pour modifier mon code
Mais il n'y a vraiment pas moyen coté PHP de savoir si une box est checkée a partir de l'ID d'un input?

[TakingCTRL]

Je suis vraiment désolé de faire un up, c'est pas mon intention de faire remonter le topic, et je sais que le fait de dire que mon problème est vraiment urgent ne fera pas avancer plus vite mon problème, mais j'ai eu une idée a partir de toutes les recherches que j'ai effectuée.
En fait je créé une fonction "recupere_groupe" où je fais un getElementById().getElementsByTagName() je sais que la première méthode me sert a cibler mon champ et la seconde me retourne un array d'occurences que j'ai mis en argument.

Maintenant, je bloque vraiment sur la récupération de la valeur de mes elements, je veux juste envoyer au serveur des variables groupe (ca sera probablement des chaines) qui me permettront après de savoir si les checkbox sont cochées ou non.

J'ai étudié ta solution bewidia, mais justement je ne sais pas comment accéder à mes champs fils :s et comme j'ai énormément de checkbox, je dois me débrouiller avec le javascript..
Je ne demande pas forcément la solution complète, mais au moins une piste sur laquelle travailler ^^

Je vous remercie bien

[andry.aime]

Bonjour,

Seul les checkbox cochés sont envoyés vers le serveur lors d'un submit d'un formulaire. Comme tu travailles avec php, utilise un name sous forme de tableau
(name="checkbox[]") et du coté php, tu récupères un tableau des checkbox coché avec $_POST["checkbox"].

A+.