Conditionner Affichage selon un bouton radio
Bonjour a tous,
J'utilise cette fonction sur un formulaire afin de cacher/ afficher ce qui intéresse le visiteur.
En gros sur deux bouton radio oui/non j'ai fait un onclic sur les input.
Quand on coche oui on affiche le contenue de oui et quand on coche non on affiche le contenue de non.
Mon script fonctionne bien mais j'ai un léger problème.
si la personne clic sur oui son contenue s'affiche mais si elle reclic sur non derrière le contenu s'affiche aussi sans que le précédent contenu s'affiche.
Que dois je rajouter pour empêcher que les deux contenu soit afficher en même temps?
Voila ma fonction
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
//afficher cacher
function visibilite(thingId){
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
} |
et mon morceau de html
Code:
1
2
3
4
5
6
|
<form action="#" id="formulaire_principal">
<div><span class="general">Etes vous client <input type="radio" name="choix" value="oui" onclick="javascript:visibilite('contenu');"> oui <input type="radio" name="choix" value="non" onclick="javascript:visibilite('contenu2');"> non</span></div>
<div id="contenu" style="display:none;">Elements 1 oui</div>
<div id="contenu2" style="display:none;">Elements 2 non</div>
</form> |
merci par avance
