Bonjour à tous,
je souhaite créer un formulaire avec des boutons radio.
En fonction du bouton sélectionné, je souhaite afficher le bloc div correspondant.
Voici ma vue:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42 <!DOCTYPE html> <html> <head> <script src="js/choix_graphe.js"></script> </head> <body> <h2>Veuillez choisir la classe de graphe:</h2> <label>Classe de graphe</label></br> <input id="a" type="radio" name="type" value="Etoile" onclick="choix();">Etoile</br> <input id="b" type="radio" name="type" value="Chemin" onclick="choix();">Chemin</br> <input id="c" type="radio" name="type" value="Complet" onclick="choix();">Complet</br> <input id="d" type="radio" name="type" value="Hypercube" onclick="choix();">Hypercube</br> <input id="e" type="radio" name="type" value="Grille2D" onclick="choix();">Grille2D</br> <input id="f" type="radio" name="type" value="Tor" onclick="choix();">Tor</br> <input id="g" type="radio" name="type" value="Papadimitriou" onclick="choix();">Papadimitriou</br> <input id="h" type="radio" name="type" value="Papadimitriou tronque" onclick="choix();">Papadimitriou tronque</br> <input id="i" type="radio" name="type" value="Biparti complet" onclick="choix();">Biparti complet</br> <input id="j" type="radio" name="type" value="Aleatoire" onclick="choix();">Aleatoire</br> <input id="k" type="radio" name="type" value="Aleatoire Edge" onclick="choix();">Aleatoire Edge</br> <input id="l" type="radio" name="type" value="Arbre" onclick="choix();">Arbre</br> <input id="m" type="radio" name="type" value="Biparti regulier" onclick="choix();">Biparti regulier</br> <input id="n" type="radio" name="type" value="Regulier" onclick="choix();">Regulier</br> </br> </br> <div id="div_a" style="display:none" > <label>Nombre de sommets (max 100):</label> <input type="text" name="nombreSommet" value=""> </br> </br> <label>Graphe oriente</label> <input type="radio" name="oui" value="oui" checked>Oui <input type="radio" name="oui" value="oui">Non </br> </br> <label>Graphe pondere</label> <input type="radio" name="oui1" value="oui" checked>Oui <input type="radio" name="oui1" value="oui">Non </br> </br> </div> <div id="div_b" style="display:none" > </div> </body> </html>
Voici mon code javascript:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 function choix(){ if(document.getElementById("a").checked == true){ document.getElementById("div_a").style.display="inline"; } else{ document.getElementById("div_a").style.display="none"; } }
Or lorsque je sélectionne le premier bouton radio, rien ne se passe...
Pourriez me dire quelle est mon erreur s'il vous plaît?
Partager