Script marche sous IE7 mais pas sous FF

**raffa** · 24/10/2008, 20h07

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

Voici:

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

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Auteur** · 25/10/2008, 12h33

bonjour,

un exemple :

Code html :

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

**raffa** · 27/10/2008, 11h54

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

Script marche sous IE7 mais pas sous FF

JavaScript

Discussions similaires

Partager

Partager