case à cocher : tout cocher /décocher

**DonKnacki** · 16/09/2007, 12h45

bonjour, je cherche à creer une case à cocher qui me permette de tout cocher /décocher

en cherchant un peu sur le net j'ai trouver cette fonction :

Code :

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

1
2
3
4
5
6
7
function cocherTout(etat)
{
   var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for(var i=0; i<cases.length; i++)     // on les parcourt
      if(cases[i].type == 'checkbox')     // si on a une checkbox...
         cases[i].checked = etat;     // ... on la coche ou non
}

puis dans mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<form>
<p>
<input type="checkbox" onchange="cocherTout(this.checked)" />  <br />
<input type="checkbox" name="case" /> Ma case à cocher<br />
<input type="checkbox" name="case1" /> Ma case à cocher2<br />
<input type="checkbox" name="case2" /> Ma case à cocher3<br />
<input type="checkbox" name="case3" /> Ma case à cocher4<br />
</p>
</form>

le probleme est que lorsque je clique sur la case censé tout cocher cela ne coche pas les autres mais si elle est coché et que je clique sur la case1 par exemple alors toutes les cases se cochent

Auriez vous une solution à me proposez ?

**sebdu** · 16/09/2007, 13h06

bonjour,
je suppose que etat est l'état d'une case à cocher
pour que tout soit coché

Code :

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

1
2
3
4
5
6
7
function cocherTout()
{
   var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for(var i=0; i<cases.length; i++)     // on les parcourt
      if(cases[i].type == 'checkbox')     // si on a une checkbox...
         cases[i].checked = true;     // ... on la coche
}

il va cocher toutes les cases
maintenant, à toi de déterminer sur quel évènement tu veux que tout se coche

**DonKnacki** · 17/09/2007, 13h28

merci , grace à toi j'ai touvé mon souci : je ne mettai pas sur le bon evenement

**tumador** · 11/06/2008, 10h23

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
<html><head><title></title>
<script >
function cocherTout(etat)
{
  var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for(var i=1; i<cases.length; i++)     // on les parcourt
     if(cases[i].type == 'checkbox')     // si on a une checkbox...
         {cases[i].checked = etat;}
             // ... on la coche ou non
 
 
}
</script>
</head><body>
 
<form>
<p>
<input type="checkbox" onclick="cocherTout(this.checked);" />  <br />
<input type="checkbox" name="case" /> Ma case à cocher<br />
<input type="checkbox" name="case1" /> Ma case à cocher2<br />
<input type="checkbox" name="case2" /> Ma case à cocher3<br />
<input type="checkbox" name="case3" /> Ma case à cocher4<br />
</p>
</form>
 
</body></html>

>Donc j'ai remplacer le Onchange par un Onclick
>j'ai lancer la recherche a partir de la 2ème occurence pour pouvoir decocher la case qui coche/decoche tout. J'ai bien remis "etat" pour decocher également, marche sur ie6 et FF (reste non testé)

**E.Bzz** · 11/06/2008, 10h38

C'est exactement la même chose !

L'évènement est effectivement onclick au lieu de onchange, mais Nom l'avait trouvé tout seul ...

A+

case à cocher : tout cocher /décocher

JavaScript

Discussions similaires

Partager

Partager