Discussion :

[Dsphinx]

Bonjour,

J'aimerais savoir comment afficher des autres boutons radio si on check un bouton radio !

Je m'explique : j'ai 3 boutons radios ! () animal () personne () voiture et si l'utilisateur check () animal la page affiche dynamiquement () lion () tigre. Et si il choisit par la suite () voiture la page décoche () animal et ()lion et affiche () 2 roues () 4 roues...

Je sais pas si je me suis fais comprendre car c'est pas facile... Est-ce que qqun sait comment se gère ces fonctions ?

Merci !

[Bisûnûrs]

Tu mets les boutons radio de second niveau en display:none et sur le onclick d'un des boutons radio tu appelles une fonction qui te fait basculer en display:inline ceux que tu souhaites afficher.

[Dsphinx]

J'ai compris la logique ! mais j'ai rien compris comment il faut le faire... Desolé... Help !

[Dsphinx]

j'ai mis mes boutons de second niveau ! mnt il ne s'affiche pas... et j'ai onclick="" dans le premier bouton ! Que dois mettre entre mes "" ?

[trotters213]

tu entoures des boutons par une div à laquelle tu donnes un id :

Code HTML :

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

1
2
3
4
5
<div id="a">
  <input type="radio" name="case_a" />1
  <input type="radio" name="case_a"/>2
  <input type="radio" name="case_a"/>3
</div>

, dans ton onclick tu mets

Code Javascript :

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

document.getElementById('a').style.display='block';

et dans ton CSS tu mets ça :

Code CSS :

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

1
2
3
#a {
display:none;
}

[Dsphinx]

Nickel ca marche ! Merci !

J'ai fais ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function ast(btn,aste)
{
	if (btn.checked)
	{
		document.getElementById(aste).style.display="inline";
	}
	else 
	{
		document.getElementById(aste).style.display="none";
	}
}