Discussion :

[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 :

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

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 :

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

<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 :

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

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 :

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

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