tout cocher via des checkbox

**pi-2r** · 19/06/2011, 19h53

Bonsoir,

dans une page php, j'ai mis en place un tableau qui me ressort tous les éléments de mes différentes requêtes.
Ces requêtes correspondent à des personnels de marie que l'on sélectionne via un checkbox.
L'enregistrement d'un checkbox se fait dans une variable de type tableau. Pour ce faire je me suis servit du tuto de julp.

Toutefois, je ne sais pas comment faire fonctionner un onglet "tout cocher", pour sélectionner tous les employés.

mon code est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function toutcocher()
{
    for(i=0;i<document.F1.length;i++)
    {
        if(document.F1.elements[i].type=="checkbox")
        {
            document.F1.elements[i].checked=true;
        }
    }    
}
 
</script>

Code :

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

1
2
3
4
5
6
7
8
9
 
<input type="checkbox" 
<?php
if($donnees['selection_liste'] == 'oui')
{ 
echo'checked="yes"';
}
?>
name="mon_champ[]" value="<?php echo $donnees['id_liste'];?>"/>

si quelqu'un à une piste, je suis preneur

**MinDBuSteR** · 19/06/2011, 23h29

Bonsoir,

Je pense que ta solution est plus complexe en passant par le javascript.

J'aurais fais en passant par une simple variable en GET.

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 ($_GET['check'])) { $checked = $_GET['check']; } else { $checked = ''; }
if ( $checked == "checked")
{ 
$resultat = "checked=\"checked\"";
}
else
{
$resultat = "";
}
?>
 
 
<body>
<form id="form1" name="form1" method="post" action="">
  <label>
    <input type="checkbox" name="personnel1" id="personnel1" <?php echo $resultat; ?>/>
     <input type="checkbox" name="personnel2" id="personnel2" <?php echo $resultat; ?>/>
      <input name="personnel3" type="checkbox" id="personnel3" <?php echo $resultat; ?> />
       <input type="checkbox" name="personnel4" id="personnel4" <?php echo $resultat; ?>/>
  </label>
</form>
<a href="test.php?check=checked">Tout cocher</a><a href="test.php?check=nochecked">Tout decocher</a>
</body>

En espérant t'avoir aider.

**pi-2r** · 20/06/2011, 00h21

ok merci de ta réponse MinDBuSteR, je regarde ça

**jeca** · 20/06/2011, 06h45

Bonjour,

Un petit exemple en javascript :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <script type="text/javascript">
      function cocherDecocher(obj, controle)
      {
        var checked = (obj.checked) ? "checked" : "";
        for (cle in controle)
        {
          controle[cle].checked = checked;
        }
      }
    </script>
  </head>
  <body>
    <form name="formulaire" id="formulaire" method="post" action="">
      <table border="0" width="50%" align="center">
        <tr>
          <td>checkbox 1</td>
          <td align="left">
            <input type="checkbox" name="chk[]" id="chk[]" value="checkbox 1" />
          </td>
        </tr>
        <tr>
          <td>checkbox 2</td>
          <td align="left">
            <input type="checkbox" name="chk[]" id="chk[]" value="checkbox 2" />
          </td>
        </tr>
        <tr>
          <td>checkbox 3</td>
          <td align="left">
            <input type="checkbox" name="chk[]" id="chk[]" value="checkbox 3" />
          </td>
        </tr>
        <tr>
          <td>checkbox 4</td>
          <td align="left">
            <input type="checkbox" name="chk[]" id="chk[]" value="checkbox 4" />
          </td>
        </tr>
        <tr>
          <td>checkbox 5</td>
          <td align="left">
            <input type="checkbox" name="chk[]" id="chk[]" value="checkbox 5" />
          </td>
        </tr>
        <tr>
          <td><b>Cliquez ici pour cocher ou décocher les checkbox</b></td>
          <td>
            <input type="checkbox" name="all" id="all" onclick="cocherDecocher(this, this.form.elements['chk[]'])" />
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>

**andry.aime** · 20/06/2011, 06h56

Bonjour,

Attention au code de jeca, un id doit être unique dans un document.

A+.

**Retrokiller069** · 20/06/2011, 12h35

Envoyé par andry.aime

Bonjour,

Attention au code de jeca, un id doit être unique dans un document.

A+.

Bonjour, il serait peut être préférable en effet de concaténer un id et un numéro. Je m'explique pour chaque input tu mets un même nom mais avec un numéro unique par la suite qui s'incrémente.

exemple:
chk1
chk2
chk3

et après dans ton javascript tu insert un concaténation pour obtenir ainsi chaque id de ton formulaire soit par une boucle soit de manière manuelle.

concaténation javascript:

Code :

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

1
2
3
4
 
var chaine="Première partie";
var chaine2=" seconde partie";
alert(chaine);

**jeca** · 20/06/2011, 13h32

Envoyé par andry.aime

Attention au code de jeca, un id doit être unique dans un document.

Exact. Je me suis planté.
Après consultation de la DTD : http://www.la-grange.net/w3c/xhtml1/#dtds, l'attribut "id" de l"élément "input" n'est pas "REQUIRED". Il suffit donc de le supprimer.

Je préfère la formulation en tableau des attributs "name' des "input" car plus simples à récupérer en PHP si besoin est.

**pi-2r** · 20/06/2011, 21h00

merci de votre aide, j'ai réussi à faire ce que je voulais

tout cocher via des checkbox

Langage PHP

Discussions similaires

Partager

Partager