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?