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

**okoweb** · 16/01/2011, 20h59

Bonsoir,
J'ai ce code :

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
 
<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...

**NoSmoking** · 16/01/2011, 22h32

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

**jeca** · 17/01/2011, 05h36

Bonjour,

Tu peux t'inspirer de cet exemple :

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
<?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>

**okoweb** · 17/01/2011, 09h38

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 :

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

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...

**Loceka** · 17/01/2011, 10h36

Code :

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

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

**okoweb** · 17/01/2011, 11h55

Envoyé par Loceka

Code :

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

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

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

undefined1,2,3,4,5,

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

merci d'avance...

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager