Bonjour

je réalise un quizz
le soucis est que tous les boutons peuvent être sélectionnés


Par défaut

Nom : a.jpg
Affichages : 103
Taille : 85,9 Ko

puis :

Nom : b.jpg
Affichages : 97
Taille : 88,4 Ko


mon code :

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
                       <div class="question">
                               <h1 class="premiere">
                                         Qu'est ce qu 'un pointeur ?
                              </h1>
                                   <div class="choix">
                                        <svg fill="green" height="200px" width="200px" version="1.1" id="vrai" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 236.988 236.988" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <polygon points="198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 "></polygon> </g></svg>
                                        <input type="radio" id="two" checked/>
                                        <label for="two"> Il s'agit tout simplement  d'une adresse en mémoire.</label>
                                   </div>
 
 
                                           <div class="choix">
                                                     <svg fill="red" height="200px" width="200px" version="1.1" id="faux" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 208.891 208.891" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M0,170l65.555-65.555L0,38.891L38.891,0l65.555,65.555L170,0l38.891,38.891l-65.555,65.555L208.891,170L170,208.891 l-65.555-65.555l-65.555,65.555L0,170z"></path> </g></svg> 
                                                     <input type="radio" id="two2" />
                                                     <label for="two2"> Un concet introduit par la librairie <stdlib.h>.</label>
                                           </div>
 
                                                      <div class="choix">
                                                            <svg fill="red" height="200px" width="200px" version="1.1" id="faux" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 208.891 208.891" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M0,170l65.555-65.555L0,38.891L38.891,0l65.555,65.555L170,0l38.891,38.891l-65.555,65.555L208.891,170L170,208.891 l-65.555-65.555l-65.555,65.555L0,170z"></path> </g></svg>
                                                            <input type="radio" id="two3" />
                                                            <label for="two3"> Un concept introduit par la librairie <string.h>. </label>
                                                      </div>
                         </div>

Comment procéder pour n ' avoir qu ' un bouton sélectionnable ?
Merci .