Formulaire dynamique et bouton radio
Bonjour à tous je suis actuellement en train de réaliser un formulaire dynamique:
lorsque mon utilisateur clique sur le bouton radio je veux qu'un div apparaisse en bas pour que l'utilisateur inscrive ces informations et si l utilisateur clique sur l'autre bouton radio un nouveau div prend la place du précédent.
Voilà ce que j'ai déjà fais en faisant des recherche sur internet:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <input id="a" type="radio" name="paiement" value="a" onclick="switch_select();">
<input id="b" type="radio" name="paiement" value="b" onclick="switch_select();"/>
...
<div id="div_a" style="display:none">
</div>
<div id="div_b" style="display:none">
</div> |
Et le code javascript:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| switch_select() {
if (document.getElementById("a").checked) {
document.getElementById("div_a").style.display="inline";
}
else {
document.getElementById("div_a").style.display="none";
}
if (document.getElementById("b").checked) {
document.getElementById("div_b").style.display="inline";
}
else {
document.getElementById("div_b").style.display="none";
}
} |
Rien ne marche et dans le débuggueur de firefow j'ai: "switch_selected is not defined"
Pourtant j'ai bien intégrer mon fichier avec:
Code:
1
2
| <script src="../../script/afficher_cacher.js">
</script> |
entre <head> et </head>
