Discussion :

[12_darte_12]

Bonjour,

Voila, j'ai 3 bouton radio

O test 1
O test 2
O test 3


Quand je coche mon test 3 j'aimerai qu'une case a remplir apparaisse. Mais je ne sais pas comment faire.

[SpaceFrog]

tu as fais une recherche sur le forum et dans la faq ?

[12_darte_12]

Je n'ai pa trouvé ailleur

[SpaceFrog]

http://javascript.developpez.com/sources/?page=forms

[narnou]

Bon alors le plus simple c'est de préparer ton champ texte mais caché, puis de l'afficher lorsqu'on sélectionne le bouton radio 3

ca donnerait un truc du style :

Code :

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

1
2
3
4
5
6
 
<input type="radio" name="monchoix" id="choix1"> Choix 1 <br>
<input type="radio" name="monchoix" id="choix2"> Choix 2 <br>
<input type="radio" name="monchoix" id="choix3" onClick="document.getElementById('champSaisie').type='text';"> Choix 3 <br>
 
<input type="hidden" id="champSaisie" name="champSaisie" value="">

Et pour le remasquer si on rechoisi autre chose, c'est la meme chose en remettant le champ à 'hidden'


Par contre je dirais comme SpaceFrog, apprends à te servir des différentes possibilités de recherche du web, un truc simple comme celui ci doit se trouver sur des miliers de sites


Edit: zut, grillé par la grenouille spatiale :'(

[12_darte_12]

Betise de ma part je ne l'avais pas vu. Désolé.

[12_darte_12]

C'est super simple ta methode mais ma case n'apparait pas quand je coche le bouton radio.

[narnou]

Bon bah en fait j'avais pas testé sous iexplorer, qui lui ne permet apparemment pas de modifier la propriété type...

Donc on contourne le problème autrement...

Code :

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

1
2
3
4
5
6
 
<input type="radio" name="monchoix" id="choix1"> Choix 1 <br>
<input type="radio" name="monchoix" id="choix2"> Choix 2 <br>
<input type="radio" name="monchoix" id="choix3" onClick="document.getElementById('champSaisie').style.visibility='visible';"> Choix 3 <br>
 
<input type="text" id="champSaisie" name="champSaisie" value="" style="visibility:hidden">

Au lieu de jouer avec visibility, tu peux aussi jouer avec display (toutes 2 des propriétés css)


Mais bon, ceci n'est qu'une des nombreuses façons de faire et franchement ca dépends clairement des objectifs et mécanismes du reste de ton script. Le top du top étant certainement une manipulation directe du dom

Sinon je vais aussi essayer de me retenir de dire des conneries, cf mon post précédent ^^