Récupération de la valeur cochée de boutons radio

Invité · 11/01/2015, 15h21

Bonjour, j'essaie de faire un QCM malgré mes connaissances très minimes. Quasiment tout est fini, cependant quand je mets une fausse réponse (que j'ai défini par 0 avec ma variable q1) ca me met qu'elle est bonne (donc qu'elle est en fait à 1). Je ne sais pas du tout où est mon erreur, le code me semble bon. Peut-être est-ce un problème dans les boutons de sélection de la réponse ou dans ma fonction ?

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
<html>
 <head>
  <title>Quiz</title>
 </head>
 <header>
 
  <script>
  function Question1() {
         if(q1=1)
alert ('Bravo')
else
alert('Perdu !');
}
  </script>
 </header>
 <body bgcolor=#46aeff>
  <font face="verdana">
   <center> Bienvenue sur mon quiz ! Répondez bon au questions et peut-être gagnerez vous un prix !</center>
 
    <b>Combien fait 5+5 ?<br></b>
 
 
    <input type="radio" name="q1" value="0">55
    <input type="radio" name="q1" value="0">25
    <input type="radio" name="q1" value="1">10<br>
    <input type="button" value=" Tu as fini le quiz ?" onclick="Question1();">
 
 
  </body>
</html>

Si quelqu'un connaitrait la réponse, ca me ferait plaisir

**NoSmoking** · 11/01/2015, 15h48

Bonjour,
if(q1=1) est une affectation pas une comparaison. il faut utiliser == ou === pour comparer 2 éléments.

Invité · 11/01/2015, 15h53

J'ai essayé avec == tout comme avec ===, aucun changement

EDIT : Ca casse le code, je n'ai même plus d'alerte quand je clique sur mon bouton pour vérifier la réponse.

**NoSmoking** · 11/01/2015, 16h16

Tout ceci est normal, attendu que la variable n'est pas définie.

Dans ton premier code la varaible q1 déclarée sans mot clé var était considérée comme une nouvelle variable puisque tu lui affectais une valeur mais ce n'est plus le cas maintenant.

Il te faut récupérer les radio pour tester la valeur qui est associée à celui qui est coché.

Code :

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

var oRadio = document.getElementsByName('q1');

Invité · 11/01/2015, 16h26

Je ne vais pas continuer à citer tous les problèmes pour pas déranger, mais ca ne veut toujours pas fonctionner...
J'ai pourtant placé le code que tu m'as donné dans la fonction Question1, mais ca marche pas :/

**NoSmoking** · 11/01/2015, 16h48

J'ai pourtant placé le code que tu m'as donné dans la fonction Question1, mais ca marche pas :/

le morceau de code est insuffisant pour t'apporter la réponse, il te faut parcourir les éléments récupérés pour connaitre celui qui est coché puis récupérer sa valeur.

en gros, à l'ancienne pour comprendre ce que l'on fait

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function Question1() {
    var oRadio = document.getElementsByName('q1'),
        result, i, nb = oRadio.length;
    for (i = 0; i < nb; i++) {
        if (oRadio[i].checked) result = oRadio[i].value;
    }
    if (result == 1) {
        alert('Bravo')
    } else {
        alert('Perdu !');
    }
}

maintenant tu peux être plus "moderne" en utilisant la méthode querySelector (sur MDN)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function Question1() {
    var result,
        oRadio = document.querySelector('input[type=radio]:checked');
    if (oRadio) {
        result = oRadio.value;
    }
    console.log(oRadio);
    if (result == 1) {
        alert('Bravo')
    } else {
        alert('Perdu !');
    }
}

si tu débutes en javascript, je t'engage fortement à regarder de prêt la documentation pour bien commencer et comprendre. De plus les exemples de Quizz foisonnent.

Récupération de la valeur cochée de boutons radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager