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
et mon morceau de html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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" ; } }
merci par avance
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager