Récupérer les valeurs d'un groupe de checkbox

Version imprimable

Bonsoir,
J'ai ce code :

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
 
<script type="text/javascript">
<!--
function check(){
for (i=0; i<document.test.check.length; i++) {
    if (document.test.check[i].checked)
      // cochée
			alert(i + 'coche');
   else
      // pas cochée
}
}
// -->
</script>
 
 
<form action="" method="post" name="test">
<input type="checkbox" name="check" value="1"/>1 <br />
<input type="checkbox" name="check" value="2"/>2 <br />
<input type="checkbox" name="check" value="3"/>3 <br />
<input type="checkbox" name="check" value="4"/>4 <br />
<input type="checkbox" name="check" value="5"/>5 <br />
<input type="button" value="GO" onclick="check();" />
</form>

Comment récupérer les valeurs des cases sélectionnées d'un coup pour leur envoi en ajax vers une page php. Le but serait dans le code php de parcourir ce array pour traitements diverses.

Merci d'avance...

16/01/2011, 22h32
NoSmoking

Bonjour,
évites des noms redondant comme check pour des name et pour des noms de fonction.

Bonjour,

Tu peux t'inspirer de cet exemple :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
  if (isset($_POST['btn']))
  {
    foreach ($_POST['check'] as $valeur)
    {
      echo 'valeur : ' . $valeur . ' cochée<br />';
    }
  }
?>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript">
      function check(formulaire)
      {
        var nb = formulaire.elements['check[]'].length;
        for (i = 0; i < nb; i ++)
        {
          if (formulaire.elements['check[]'][i].checked)
          {
            alert('valeur ' + formulaire.elements['check[]'][i].value + ' cochée');
          }
        }
      }
    </script>
  </head>
  <body>
    <form action="" method="post" name="test" onsubmit="check(this);" >
      <input type="checkbox" name="check[]" value="1"/>1 <br />
      <input type="checkbox" name="check[]" value="2"/>2 <br />
      <input type="checkbox" name="check[]" value="3"/>3 <br />
      <input type="checkbox" name="check[]" value="4"/>4 <br />
      <input type="checkbox" name="check[]" value="5"/>5 <br />
      <input type="submit" name="btn" value="GO" />
    </form>
  </body>
</html>

Citation:

Envoyé par jeca

Bonjour,

Oui cè déjà bon, ce que je souhaite ensuite c'est concaténer l'ensemble des checkbox checked. J'ai modifié la fonction mais c'est pas ce que je veux. Voici le code de la fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function check(formulaire){ var nb = formulaire.elements['check[]'].length; var titre; for (i = 0; i < nb; i ++){ if (formulaire.elements['check[]'][i].checked){ //alert('valeur ' + formulaire.elements['check[]'][i].value + ' cochée'); titre = formulaire.elements['check[]'][i].value + ','; } } alert(titre); }
Moi j'attends un truc de ce genre 1,4,5 si les checkbox 1,4 et 5 ont été checked.

Merci d'avance...

17/01/2011, 10h36
Loceka

Code:

titre += formulaire.elements['check[]'][i].value + ',';

;)
17/01/2011, 11h55
okoweb

Citation:

Envoyé par Loceka

Code:

titre += formulaire.elements['check[]'][i].value + ',';

;)

merci à vous tous et j'ai ceci comme résultat après la modif

Citation:

undefined1,2,3,4,5,

après avoir checked toutes les cases.
Comment chasser ce undefined et la dernière virgule?

merci d'avance...
17/01/2011, 12h00
SpaceFrog

Code:

elements('check[]')

[edit]
:oops:
j'ai rien dit ...
c'est la fièvre ... :calim2:
ce sont bien des [] ....
17/01/2011, 12h00
Loceka

Le undefined vient du fait que tu n'as pas initialisé ta variable. Il suffit donc de le faire :

Code:

var titre = "";

Pour la dernière virgule, c'est de l'algo, je te laisse chercher. ;)

PS : :salut: Spaffy :D
17/01/2011, 12h56
jeca

Il me semble que le plus simple serait de mettre les éléments sélectionnés dans un nouveau tableau, et d'utiliser la méthode "join" en sortie de boucle afin de le transformer en chaine de caractères.
17/01/2011, 15h40
okoweb

Citation:

Envoyé par jeca

Il me semble que le plus simple serait de mettre les éléments sélectionnés dans un nouveau tableau, et d'utiliser la méthode "join" en sortie de boucle afin de le transformer en chaine de caractères.

Une piste du JOIN?
17/01/2011, 18h09
vermine

Bonjour,

Une simple recherche sur la Faq ? :faq:

;)

Je n'arrive pas d'abord à créer un array pour enfin faire le join. J'essaie ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
      function check(formulaire){
        var nb = formulaire.elements['check'].length;
	var  tab = new  Array();
        for (i = 0; i < nb; i ++){
          if (formulaire.elements['check'][i].checked){
              tab[] = formulaire.elements['check'][i].value;
          }
        }
         alert(tab.length);
      }

ca ne marche pas

17/01/2011, 19h11
NoSmoking

il me semble effectivement indispensable de faire une (ré)vision, LES TABLEAUX
18/01/2011, 11h59
okoweb

Merci à vous tous...cè bon.