Recuperer les éléments d'une checkbox si checked

**eliottgiraudo** · 18/09/2013, 14h53

Bonjour,

Je ne comprends pas pourquoi j'ai l'erreur suivante =>

SCRIPT5007: La valeur de la propriété « afficherMessage » est null ou non définie, pas un objet Function
testJSChap2 - Copie.html, Ligne 45 Caractère 42

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function afficherMessage()
{
	var cases = document.getElementById("idForm").mesCases;
	var platsFavoris=new Array();
	for (var i=0; i<cases.length;i++)
		if (cases[i].checked)
			platsFavoris+=cases[i].value;
		for (var i=0;i<platsFavoris.length;i++)
			var lesPlats+= ((platsFavoris[i].value) +', ');
	return alert(lesPlats);
}

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<body>  <!-- corps du document -->
 
<form id="idForm">
Vous aimez : <br />
<input type="checkbox" name="mesCases" value="pizza" />la pizza <br />   
<input type="checkbox" name="mesCases" value="tartiflette" /> la tartiflette <br />
<input type="checkbox" name="mesCases" value="ratatouille" /> la ratatouille <br />   
<input type="button" value="Ok" onclick="afficherMessage()" /> 
</form>
 
</body>

**Bovino** · 18/09/2013, 15h12

Code :

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

platsFavoris+=cases[i].value;

Tu additionnes un tableau et une valeur textuelle ?

**eliottgiraudo** · 18/09/2013, 15h22

euh ^^ comment rajouter un élément dans un tableau à chaque tour de boucle ? Juste faire "=" ?
ou alors

Code :

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

platsFavoris.push(cases[i].value);

ça marche pas non plus (en tout cas il y a toujours la même erreur qu'indiqué dans mon premier message et rien d'indiqué pour cette ligne)

Merci pour ton aide

**Bovino** · 18/09/2013, 15h39

Code :

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

var lesPlats+= ((platsFavoris[i].value) +', ');

Un élément de tableau n'a pas de propriété value...

Code :

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

return alert(lesPlats);

C'est pas très orthodoxe ça...
alert() ne correspond pas à une valeur... donc ce que tu retournes ne correspond pas à grand chose.

**eliottgiraudo** · 18/09/2013, 16h01

Ok c'est pour ça que je propose :

Code :

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

platsFavoris.push(cases[i].value);

mais cela ne fonctionne pas.

Pour alert j'ai suivi des tuto ou on pouvait mettre du texte dans une variable x et retourner x dans la fonction.

Je suis un peu perdu là, je ne vois pas vers quoi aller ?

MERCI.

**NoSmoking** · 18/09/2013, 18h55

Bonjour,

mais cela ne fonctionne pas.

lourd à parier que tu n'as pas réaliser toutes les modifications dans ton code

Code :

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

1
2
3
4
5
6
7
var cases = document.getElementById("idForm").mesCases;
var platsFavoris= [];
for (var i=0; i<cases.length;i++){
    if (cases[i].checked){
        platsFavoris.push(cases[i].value);
    }
}

dans ce code tu transfères dans le tableau platsFavoris la valeur de la case si elle est cochée.

Maintenant je ne vois pas bien l'intérêt de la 2éme boucle for, si ce n'est transférer le tableau platsFavoris dans le tableau lesPlats.

Recuperer les éléments d'une checkbox si checked

JavaScript

Vue hybride

Discussions similaires

Partager

Partager