[Résolu] Bouton radio qui affiche un span

Bonsoir.

Voilà mon problème:

J'ai deux boutons radio. Quand le premier est sélectionné, je voudrais afficher un span, et quand le deuxième est sélectionné je voudrais masquer ce span.

J'ai essayé avec les codes suivants:

<script language="javascript" type="text/javascript">
	function show(id) {
		if (document.getElementById(id).className == "") {
			document.getElementById(id).className = "visible";
		} else { document.getElementById(id).className = ""; }
	}
</script>

<style type="text/css">
	#bonjour			{ display:none; }
	#bonjour.visible	{ display:inline; }
</style>

<form action="confirm.html" method="post">
	<p><input type="radio" name="radio" onchange="show('bonjour')" />Affiché <span id="bonjour">bonjour</span></p>
	<p><input type="radio" name="radio" onchange="show('bonjour')" />Masqué</p>
</form>

Ca fonctionne bien lorsqu'on sélectionne en premier le bouton "affiché". Mais quand on sélectionne l'autre, c'est inversé.
Modifié par <nicolas> (13 Mar 2007 - 11:26)

En fait je devais être très fatigué hier soir. C'est mon script qui est faux.

Mais il me faudrait un moyen de savoir quel bouton est coché. Genre "oncheck" mais ça existe pas. Est-ce que qqn a une piste?
Modifié par <nicolas> (13 Mar 2007 - 11:11)