afficher des champs selon le choix du bouton radio

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : afficher des champs selon le choix du bouton radio

chifoaz

Bonjour,

je voudrais afficher des champs selon le choix du bouton radio, j'ai trouvé cette fonction sur le net:

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function met(btn,champ)
{
if (btn.checked)
{
document.getElementById(champ).style.display="inline";
}
else {
document.getElementById(champ).style.display="none";
}
}
</script>
</HEAD>
<BODY>

<input type="radio" name="tem" value="oui" id="chkb_10"
onclick="met(this,'texte_10');" > <label for="chkb_10">Contrôle de "texte_10"</label>
<input type="text"
style="display:none"
id="texte_10" value="Contenu de texte_10"><br />

<input type="radio" id="chkb_20" value="non" name="tem"
onclick="met(this,'texte_20');" > <label for="chkb_20">Contrôle de "texte_20"</label>
<input type="text"
style="display:none"
id="texte_20" value="Contenu de texte_20"><br />

</BODY>
</HTML>

Le probléme c'est que quand je change de bouton, le texte reste afficher, qu'est ce que je dois rajouter pour que ça marche??

merci d'avance pour votre aide.

Publicité

phenxdesign

il me semble que tu utilises mal les bouton radio : ok, tu leur donne le meme nom, mais ils doivent avoir le meme id, et des "value" differentes, tu dois les differencier grace a ça...

anapajari

s/travail/glanding on hfr/gs;

C'est ton algo qu'est foireux...
Ok quand on coche un case tu affiches le texte, mais quand on coche une autre case tu n'enleves pas l'affichage des autres textes...
Il faut donc qu'a chaque click tu regardes quels sont les inputs a display inline et que tu les mettes en display none!

Message cité 1 fois

chifoaz

anapajari a écrit :

oui, mais comment je fais pour différencier les deux boutons radio, puisqu'ils ont le méme nom!!
merci

anapajari

s/travail/glanding on hfr/gs;

regarde la valeur de celui qui est coché [:spamafote]

chifoaz

c'est bon j'ai trouvé, voici le code:

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function met(btn,champ1,champ2)
{
if (btn.checked)
{
document.getElementById(champ1).style.display="inline";
document.getElementById(champ2).style.display="none";
}
else {
document.getElementById(champ1).style.display="none";
document.getElementById(champ2).style.display="display";
}
}
</script>
</HEAD>
<BODY>

<input type="radio" name="tem" value="oui" id="chkb_10"
onclick="met(this,'texte_10','texte_20');" > <label for="chkb_10">Contrôle de "texte_10"</label>
<input type="text"
style="display:none"
id="texte_10" value="Contenu de texte_10"><br />

<input type="radio" id="chkb_20" value="non" name="tem"
onclick="met(this,'texte_20','texte_10');" > <label for="chkb_20">Contrôle de "texte_20"</label>
<input type="text"
style="display:none"
id="texte_20" value="Contenu de texte_20"><br />

</BODY>
</HTML>

FORUM HardWare.fr

Programmation

HTML/CSS

afficher des champs selon le choix du bouton radio

Sujets relatifs
Afficher un fichier portant un nom aléatoire ?	Afficher le lecteur windows media dans une page html
Récupérer la valeur des bouttons radio	ecriture fichier texte avec choix dossier destination par utilisateur
création fichier texte avec choix du dossier par l'utilisateur	Macro sans bouton
[RESOLU] Recuperer des champs de formulaire "inconnus"	Livre d'or : comment afficher ?
Comment afficher la dernière photo sur mon site	[.NET] Binding champs de table bdd <=> propriété d'objet
Plus de sujets relatifs à : afficher des champs selon le choix du bouton radio

Page générée en 0.037 secondes