Changer du texte avec .checked [Résolu]

[Kel-T]

Bonjour,

Je cherche à changer du texte en fonction d'un checkbox coché ou non.
Le code suivant me paraitrait logique mais il ne marche pas.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="javascript">
	function texte(id_checkbox, id)
	{
		var show;
		if (document.getElementById(id_checkbox).checked)
			show = "texte1";
		else
			show = "texte2";
		document.getElementById(id).innerHTML = show;
	}
</script>
<input type="checkbox" id="nom" /><br />
<label for="nom" onclick="texte(nom, aff);">
	<span id="aff">texte1</span>
</label>

Voyez-vous une erreur ?

Merci

[frboyer]

salut,

Code :

<label for="nom" onclick="texte('nom', 'aff');">

des petits quotes dans les arguments de la fonction et ça ira mieux.

Mais c'est pas vraiment en fonction de la checkbox cochée que tu changes le texte mais plutot au clic sur le label. ENfin c'est peut-être ce que tu cherches à faire.

[Eric2a]

Salut,

Avec texte(nom, aff), Javascript tente de passer les variables nommées nom et aff, alors que les arguments doivent être de type chaine.

Il est aussi préférable d'attacher l'évenement à la case à cocher.

Code xhtml :

1
2
3
4
5
<input type="checkbox" id="nom" onclick="texte('nom', 'aff');" /><br />
 
<label for="nom">
	<span id="aff">texte1</span>
</label>

[Kel-T]

Merci de vos réponses, en effet les quotes j'avais pas vu, par contre le script ne fonctionne toujours pas :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="javascript">
	function texte(id_checkbox, id)
	{
		var show;
		if (document.getElementById(id_checkbox).checked)
			show = "texte1";
		else
			show = "texte2";
		document.getElementById(id).innerHTML = show;
	}
</script>
<input type="checkbox" id="nom" onclick="texte('nom', 'aff');" /><br />
<label for="nom">
	<span id="aff">texte1</span>
</label>

Edit : Résolu, erreur de logique, il faut inverser texte1 et texte2 dans la variable show