Discussion :

[bmael]

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

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

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 :

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

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.

[yoannhel]

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

Code html :

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

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

Je vous recommande par ailleurs de restructuré votre HTML :

Code html :

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

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.

[bmael]

En effet c'est mieux comme ça. Merci