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 ?