Script "tout cocher" (checkbox) avec div imbriqué

Bonsoir à tous,

Je cherche depuis 2 jours pour être honnête et ma maîtrise en javascript n'étant pas au top, je préfère demander de l'aide ici...

Je cherche à cocher/décocher plusieurs checkbox dans un formulaire en cliquant sur un bouton. J'ai récupéré un script qui fonctionne parfaitement lorsque les INPUT sont dans un unique DIV (avec un id) mais impossible de trouver comment faire la même chose avec des INPUT contenus dans des DIV, chacune de ces DIV contenu dans le DIV (avec un id).

Voici mon code :

Code:

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
 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
 
<script type="text/javascript">
<!--
function GereChkbox(conteneur, a_faire) {
var blnEtat=null;
var Chckbox = document.getElementById(conteneur).firstChild;
while (Chckbox!=null) {
if (Chckbox.nodeName=="INPUT")
if (Chckbox.getAttribute("type")=="checkbox") {
blnEtat = (a_faire=='0') ? false : (a_faire=='1') ? true : (document.getElementById(Chckbox.getAttribute("id")).checked) ? false : true;
document.getElementById(Chckbox.getAttribute("id")).checked=blnEtat;
}
Chckbox = Chckbox.nextSibling;
}
}
//-->
</script>
 
<form method="post">
 
<input type="button" value="Tout cocher" onClick="GereChkbox('div_chck','1');">&nbsp;&nbsp;
<input type="button" value="Tout décocher" onClick="GereChkbox('div_chck','0');">
 
<div id="div_chck" style="margin-top:5px;">
 
<input type="checkbox" name="filtre_gamme[]" id="checkbox1" value="1"> en dehors de div 1 (ici çà marche)
<div id="div1">
<input type="checkbox" name="filtre_gamme[]" id="checkbox1" value="1"> dans div 1 (ici non)
</div>
 
<input type="checkbox" name="filtre_gamme[]" id="checkbox2" value="2"> en dehors de div 2 (ici çà marche)
<div id="div2">
<input type="checkbox" name="filtre_gamme[]" id="checkbox2" value="2"> dans div 2 (ici non)
</div>
 
<input type="checkbox" name="filtre_gamme[]" id="checkbox3" value="3"> en dehors de div 3 (ici çà marche)
<div id="div3">
<input type="checkbox" name="filtre_gamme[]" id="checkbox3" value="3"> dans div 3 (ici non)
</div>
 
</div>
 
</form>
 
</body>
</html>

Merci de votre gentillesse et de vos compétences.

Kalisti.