case à cocher : tout cocher /décocher
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:
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:
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 ?
