Checkbox avec javascript

**the-destroyer** · 12/07/2009, 15h27

bonjour bonjour,
j'ai ce code mais je ne copomprend pas pourquoi ca ne marche pas et je deviens fou!!
auriez-vous une idee? merci j'espere a bientot!

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
 
<script language="text/javascript" >
//checkbox d'une une liste de checkbox.
function selectall(cas,choix)
 {
   if (cas.checked)
    {
      for (var i=1; i<1;i++)
        {  choix[i].checked=true;}
    }
    else
     { 
       for (var i=1; i<1;i++)	
            {
	choix[i].checked=false;
	}
      }
}
</script>
<body>
<form name="form" >
<input type="checkbox" id="all" onclick="selectall(document.form.all,document.form.choix);" />
<input type="checkbox" id="choix" name="message_1" />
</form>
</body>

**emmanuel.remy** · 13/07/2009, 20h56

Salut,

Tu ne penses pas qu'il y a un problème ?

Code :

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

1
2
for (var i=1; i<1;i++)
        {  choix[i].checked=true;}

D'après toi, combien de tours va faire ta boucle ?

Cela étant dit je n'ai pas compris ce que tu voulais faire !

ERE

**andry.aime** · 14/07/2009, 08h31

Salut,
+1 emmanuel.remy

selectall(document.form.all,document.form.choix)

1-tu dois modifier le name="form" car form est un mot réservé.
2-le checkbox n'a pas de name "all" mais d'id et aussi pour le checkbox choix.

**the-destroyer** · 14/07/2009, 15h23

ok pour le moment j'ai mis i=1 car je ne veux qu'il ne le fasse qu'une fois mais qu'est que tu entend parform est un mot reserve?
Ce que je veux faire c'est checke 10 checkbox a partir d'une seul tcheckbox de facon a ce que l'action de toutes les selectionner soit plus rapide

merci

@+

**Bovino** · 14/07/2009, 15h30

Envoyé par the-destroyer

ok pour le moment j'ai mis i=1 car je ne veux qu'il ne le fasse qu'une fois

Sauf que là :

Code :

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

for (var i=1; i<1;i++)

il le fait 0 fois puisque 1<1 est toujours faux (ce qui est le sens de la remarque d'emmanuel.remy) et donc on entre jamais dans la boucle

mais qu'est que tu entend par form est un mot reserve?

que form est une propriété des éléments de formulaire d'un document HTML et qu'à ce titre, l'utiliser comme nom de variable peut créer un conflit d'interprétation.
Il ne faut JAMAIS utiliser des noms de méthodes / propriétés / mots clés ou des mots réservés (nom non utilisés par JavaScript mais susceptibles d'être utilisés dans de futures évolutions) comme nom de variables ou arguments de fonctions au risque d'obtenir des résultats aléatoires voire inattendus

**the-destroyer** · 14/07/2009, 15h36

ok merci pour la boucle erreur vraiment bete!
Juste derniere petite question si je veux qu'il le reconnaisse pas son id comment je peu faire? merci

**andry.aime** · 14/07/2009, 16h11

Juste derniere petite question si je veux qu'il le reconnaisse pas son id comment je peu faire?

J'ai pas compris?

Ce que je veux faire c'est checke 10 checkbox a partir d'une seul tcheckbox de facon a ce que l'action de toutes les selectionner soit plus rapide

Essaye avec:

Code :

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

1
2
3
4
5
6
7
8
9
10
function cocher()
{
	for (var i=0; i< document.forms[0].getElementsByTagName('input').length;i++)
	{
		if(document.forms[0].getElementsByTagName('input')[i].type=='checkbox')
			{
				document.forms[0].getElementsByTagName('input')[i].checked=true;
			}
	}
}

**the-destroyer** · 14/07/2009, 16h55

ok merci quand j'ai dis que j'aimerai recuperer quel input par son id c'est en passant pas getelementbyid merci pour ton codemais sa marche toujours pas...

**andry.aime** · 16/07/2009, 07h18

Bien sûr que ça marche ce 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
54
55
56
57
58
59
<html>
  <head>
    <title>essai checkbox</title>
    <script type="text/javascript">
      function cocher(obj,etat)
      {
        for(var i=0; i<obj.getElementsByTagName('input').length;i++)
          {
            if(obj.getElementsByTagName('input')[i].type=='checkbox')
              {
                obj.getElementsByTagName('input')[i].checked=etat;
              }
          }
      }
    </script>
  </head>
  <body>
    Formulaire 1
    <form>
    <table>
      <tr>
        <td>Tout cocher/decocher</td><td><input type="checkbox" onclick="cocher(this.form,this.checked)"/></td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
    </table>
    </form>
    Formulaire 2
    <form>
    <table>
      <tr>
        <td>Tout cocher/decocher</td><td><input type="checkbox" onclick="cocher(this.form,this.checked)"/></td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
      <tr>
        <td>Checkbox</td><td><input type="checkbox"/> </td>
      </tr>
    </table>
    </form>
  </body>
</html>

j'aimerai recuperer quel input par son id c'est en passant pas getelementbyid

Je n'arrive pas à comprendre ce que tu veux.

Checkbox avec javascript

JavaScript

Discussions similaires

Partager

Partager