Changer du texte avec .checked

Version imprimable

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

08/07/2011, 00h52
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.
08/07/2011, 00h53
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:

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

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