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

**kalisti** · 21/01/2009, 18h59

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 :

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
 
 
<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.

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

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager