Script marche sous IE7 mais pas sous FF

Version imprimable

Bonjour,
j'ai un script pour cocher et décocher les case checkbox qui marche sous IE mais ne marche pas sur FireFox et j e sais pas pourquoi :roll:

Voici:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/javascript">
var toggle = true;
    function cocher()
    {
        for (var i=0;i<document.frm.elements.length;i++)
        {
            var e = document.frm.elements[i];
             e.checked = toggle;    
        }
        if (toggle)
        {
            frm.btn.value="Décocher";
        }
        else
        {
            frm.btn.value="Cocher";
        }
        toggle = !toggle;
    }
</script>

Puis dans le script je met ceci:

Code:

1
2
 
<p align="right"><input type="button" name="btn" value="Cocher" onclick="cocher();"></p>

Sous IE il permutte bien de Cocher en Décocher mais sous FF il reste en Cocher.

Quelque pourrait me dire pourquoi et quoi faire ?
merci d'avance.

bonjour,

un exemple :

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
54
55
56
57
58
59
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<script type="text/javascript">
<!--
var toggle = true;
function cocher()
{
  var tabChk = document.getElementById("conteneurChk").getElementsByTagName("input");
  var n= tabChk.length;
  var i;
  
  for (i=0; i<n; i++)
  {
    if (tabChk[i].type.toLowerCase()=="checkbox")
      tabChk[i].checked = toggle;
  }
  
  toggle = (!toggle);
  if (toggle)
    document.getElementById("btn").value = "Cocher";
  else
    document.getElementById("btn").value = "Décocher";
}
//-->
</script>
 
</head>
 
<body>
 
<div>
  <input type="button" id="btn" value="Cocher" onclick="cocher();"><br/>
 
  <div id="conteneurChk">
    <input type="checkbox" />Choix 1<br/>
    <input type="checkbox" />Choix 2<br/>
    <input type="checkbox" />Choix 3<br/>
    <input type="checkbox" />Choix 4<br/>
    <input type="checkbox" />Choix 5<br/>
    <input type="checkbox" />Choix 6<br/>
    <input type="checkbox" />Choix 7<br/>
    <input type="checkbox" />Choix 8<br/>
  </div>
</div>
 
</body>
 
</html>

J'ai remplacé ta balise <p> par une balise <div>, les checkbox à cocher sont groupées dans un <div id="conteneurChk">. J'ai remplacé l'attribut name du bouton par l'attribut id (c'est plus facile de cibler un élément par son id que par son name).

27/10/2008, 11h54
raffa

Merci, c'est parfait ça marche, j'utiliserais dorénavant les id plutôt que les name.