Bonjour,

Je voulais savoir s'il est possible d'utiliser les checkbox avec une liste switch case? (désolé si je ne suis pas très clair, je débute lol). En gros, je voudrais associé la (ou les) checkbox cochées à ma liste switch case afin d'éviter les if / Else.

Voilà ci-dessous le test que j'ai fait mais qui ne marche évidement pas.

Merci par avance

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
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Checkbox</title>
 
    <script src="test.js"></script>
</head>
 
<body>
    <form>
        <legend>Comment préférez-vous passer votre temps?</legend>
        <input type="checkbox" name="choix" id="sport" value="sport"  /><label for="spo">Sport</label>
        <input type="checkbox" name="choix" id="musique" value="musique"/><label for="mus">Musique</label>
        <input type="checkbox" name="choix" id="lecture" value="lecture"  /><label for="lec">Lecture</label>
        <input type="checkbox" name="choix" id="internet" value="internet"/><label for="int">Internet</label>
    <div>
        <input type="button" id="valider" value="Valider">
    </div>
    </form>
</body>
</html>

Code Javascript : 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
window.addEventListener("load",function(){
    var bouton = document.getElementById("valider");
    bouton.addEventListener("click", choix);
  })
 
 
  var choix = document.getElementsByClassName.(choix).checked;
 
  switch (choix){
 
 
 
      case 0 :
        alert('Sport: "C\'est bien pour la santé" !');
        break;
 
       case 1 : 
         alert("Musique: 'Une âme d'artiste ?'");
         break;
 
         case 2 :
           alert("Lecture: 'Plutôt littéraire !'");
           break;
 
           case 3 :
             alert("Internet: 'Décrochez un peu de votre écran !'");
             break;
 
              default :
                alert("Veuillez faire au moins un choix!!");
                break;
       }