Faire afficher ou disparaître un champ de formulaire

Bonjour à tous,

J'ai utilisé une méthode trouvé sur le net pour faire afficher un champ dans un formulaire PHP lors du cochage d'un bouton radio "oui".
Malheureusement, le champ ne disparaît pas lors de l'appuie sur le bouton "non".

Code:

---

1 2 3

<p><span class="h4">VOS MOYENS DE TRANSPORT<span class="e">*</span></span><br/> <label for="permis">Permis de conduire : <input type="radio" name="permis" value="oui" id="oui" onClick="afficher();" />Oui <select id="champ_cache" name="type-permis" style="width: 80px" type="text"><option>Select</option><option>A</option><option>B</option><option>C</option><option>D</option><option>E</option></select> <input type="radio" name="permis" value="non" id="non" onClick="afficher();" />Non</label></p>

---

Code:

---

1 2 3 4 5 6 7 8 9

document.getElementById("champ_cache").style.display = "none"; function afficher() { document.getElementById("champ_cache").style.display = "block"; } function cacher() { document.getElementById("champ_cache").style.display = "none"; }

---

Si je viens demander de l'aide ici c'est que je ne connais pas le langage javaScript donc je ne suis pas capable de corriger ce problème.
Merci pour votre aide.

Bonjour,
votre code est fonctionnel mais vous ne pointez pas vers la bonne fonction :

Code:

---

<input type="radio" name="permis" value="non" id="non" onClick="cacher();" />Non</label></p>

---

Je vous recommande par ailleurs de restructuré votre HTML :

Code:

---

1 2 3 4 5 6

<p style="float:left;margin:0;">Permis de conduire :</p> <input type="radio" name="permis" value="oui" id="oui" onClick="afficher();" /> <label for="oui">Oui</label>   <input type="radio" name="permis" value="non" id="non" onClick="cacher();" /> <label for="non">Non</label>

---

Vous verrez que lors du clique sur le mot "oui" ou "non" l'input radio se cochera. C'est plus pratique pour l'utilisateur.

En effet c'est mieux comme ça. Merci :)