équivalent de la fonction getElementByTagType

**nicekiller** · 27/04/2009, 12h12

Bonjour tout le monde
j'aimerai savoir si je peux réccupérer tous les checkbox dans ma feuille en passant par une fonction javascript similaire à document.getElementsByTagName

P.s : j'ai déjà fait document.getElementsByTagName('checkbox') et ça n'a pas fonctionné.

**andry.aime** · 27/04/2009, 12h27

Salut,

Code :

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

1
2
3
4
5
6
7
8
function getCheckbox()
{
	var Obj=document.getElementByTagName('input');
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "checkbox") {alert(Obj.elements[i].name+' est un checkbox')}
	}
}

**nicekiller** · 27/04/2009, 13h34

Envoyé par andry.aime

Salut,

Code :

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

1
2
3
4
5
6
7
8
function getCheckbox()
{
	var Obj=document.getElementByTagName('input');
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "checkbox") {alert(Obj.elements[i].name+' est un checkbox')}
	}
}

Désolé mais c'est pas ce que je cherche

Je voudrais avoir une liste qui ne contient que les tags de type checkbox.

**SpaceFrog** · 27/04/2009, 13h36

Quelle imagination débordante ....

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 
function getCheckbox()
{TabChecks=new Array();
 
	var Obj=document.getElementByTagName('input');
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "checkbox") {TabChecks.push(Obj.elements[i])}
	}
}

La prochaine fois in te donne la crémière avec ???

**nicekiller** · 27/04/2009, 13h50

Envoyé par SpaceFrog

Quelle imagination débordante ....

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 
function getCheckbox()
{TabChecks=new Array();
 
	var Obj=document.getElementByTagName('input');
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "checkbox") {TabChecks.push(Obj.elements[i])}
	}
}

La prochaine fois in te donne la crémière avec ???

c'est pas la peine de faire un pré jugement comme ça

je confirme que j'ai déjà essayer ça d'une autre façon et ça n'a pas fonctionner, et j'ai même essayer ton code pour en être sure et ça n'a rien ajouter de plus

**SpaceFrog** · 27/04/2009, 13h56

dans tabChecks tu a la liste des objets checkbox de ta page ...

**nicekiller** · 27/04/2009, 14h13

Envoyé par SpaceFrog

dans tabChecks tu a la liste des objets checkbox de ta page ...

ça l'aire de ne pas fonctionner, car je fais des alert dans ma boucle et ça ne s'affiche pas

je fais

Code :

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

alert(Obj.elements.length);

et je vois rien, je confirme que pour l'appel à la fonction c est par le biais du ONSUBMIT.

**k1rby** · 27/04/2009, 14h22

Code XHTML :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/JavaScript">
function getElementsByTagType(tag,type){
        var typeTable=new Array();
        var tagTable=document.getElementsByTagName(tag);
        for(var i=0;i<tagTable.length;i++)
                if(tagTable[i].getAttribute('type')==type)
                        typeTable.push(tagTable[i]);
        return typeTable;
}
</script>
</head>
<body>
 
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<script type="text/javascript">
alert(getElementsByTagType('input','checbox').length);
</script>
 
</body>
</html>

Il me lance bien une alert contenant le nombre 5.

**le_chomeur** · 27/04/2009, 14h24

on se calme ^^
allez montre nous ton code généré ^^

**nicekiller** · 27/04/2009, 14h44

Envoyé par le_chomeur

on se calme ^^
allez montre nous ton code généré ^^

c est un code qui fais plus que 300 ligne donc je peux pas le mettre ici, mais je vais vous explique ce que j'ai.
c est un formulaire php que je dois valider par javascript ce formulaire contient une table avec plusieurs ligne, et dans chaque ligne y a une select box avec 4 checkbox, donc je dois empêcher l'envoi du formulaire ci l'utilisateur a choisi une valeur supérieur à 1 dans le select box sans remplir au moins une checkbox.
je vous montre la fonction javascript:

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
 
function valider_impact()
{
    TabChecks=new Array();
 
	var Obj=document.getElementByTagName('input');
	alert(Obj.elements.length);
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "checkbox") 
		{
		 alert("test");
		 TabChecks.push(Obj.elements[i]);
		}
	}
	var listes = document.getElementsByTagName('select');
	var passed;
	for(var i = 0 ; i < listes.length; i++){
	  if(listes[i].value!="" && listes[i].value > 1)
	  {
	    passed = false;
	    for(var j = i*4,arret = j+4; j< arret; j++)
		{
		  if(TabChecks[j].checked)
		  {
			passed = true;
	      }
		}  
	    if(!passed)
		{
		  // on affiche un message d'erreur
    	  document.getElementById("msg").style.display="";
		  return false;
		}
	  }
	}
 
	return true;
}

**nicekiller** · 27/04/2009, 16h14

Est ce que vous avez une solution à mon problème

**le_chomeur** · 27/04/2009, 16h15

montre nous pour une ligne la concordance entre les drop et la checkbox ...

**nicekiller** · 27/04/2009, 16h18

Envoyé par le_chomeur

montre nous pour une ligne la concordance entre les drop et la checkbox ...

j'ai pas compris ce que tu veux dire

est ce que je me suis mal exprimé en haut

**Bovino** · 27/04/2009, 18h17

Code :

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

1
2
3
var Obj=document.getElementByTagName('input');
alert(Obj.elements.length);
for (var i = 0; i < Obj.elements.length; i++)

Tu aurais pu voir qu'il y a un soucis ici...
Tu récupères dans Obj une collection d'éléments input, pas un formulaire, or les input n'ont pas de propriété elements donc tu boucles sur les mauvais objets...

Code :

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

1
2
3
4
5
6
7
8
9
function getCheckbox()
{TabChecks=new Array();
 
	var Obj=document.getElementByTagName('input');
	for (var i = 0; i < Obj.length; i++)
	{
		if (Obj[i].type == "checkbox") {TabChecks.push(Obj[i])}
	}
}

Le fait que l'on te propose un exemple de code ne t'empêches pas de le vérifier, c'étais le sens de la remarque de SpaceFrog

**nicekiller** · 27/04/2009, 18h44

effectivement je l'ai adapter en mettant bien ce que tu viens d'écrire et ça n'a pas fonctionné, et aprés la réponse de SpaceFrog j'ai pris son code et ça n'a pas fonctionné aussi.
je sais pas où elle est l'erreur j'ai passé toute la journée devant ça

**Auteur** · 27/04/2009, 23h55

getElementsByTagName('input');

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
 
function getCheckbox()
{
	var TabChecks=new Array();
	var i, j;
 
	var Obj = document.getElementsByTagName('input');
	j = 0;
 
	for (i = 0; i < Obj.length; i++)
	{
		if (Obj[i].type.toLowerCase() == "checkbox") 
		{
			TabChecks[j] = Obj[i];
			j++;
		}
	}
 
	alert(TabChecks.length);
}

c'est fou ce qu'une faute de frappe peut vous rendre dingue

**nicekiller** · 28/04/2009, 01h18

Envoyé par Auteur

getElementsByTagName('input');

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
 
function getCheckbox()
{
	var TabChecks=new Array();
	var i, j;
 
	var Obj = document.getElementsByTagName('input');
	j = 0;
 
	for (i = 0; i < Obj.length; i++)
	{
		if (Obj[i].type.toLowerCase() == "checkbox") 
		{
			TabChecks[j] = Obj[i];
			j++;
		}
	}
 
	alert(TabChecks.length);
}

c'est fou ce qu'une faute de frappe peut vous rendre dingue

c est vraiment fouuuu, ça m'a rendu vraiment diiiingue cette erreur de frappe, je dois faire attention la prochaine fois avant de faire un copier coller

En tous cas tu m'as sauvé je te remercies infiniment pour ton aide

**SpaceFrog** · 28/04/2009, 10h02

merci fillot

équivalent de la fonction getElementByTagType

JavaScript

Discussions similaires

Partager

Partager