IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[formulaire (QCM)] denombrer les réponses


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Avril 2007
    Messages
    233
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Avril 2007
    Messages : 233
    Points : 94
    Points
    94
    Par défaut [formulaire (QCM)] denombrer les réponses
    slt tout le monde
    Est ce qu'il y'a moyen d'optimiser ce code?
    parcke je veux ajouter plusieurs INPUT et ça serai pa évident avec un tel code.
    bon je vous explique le principe, j'ai par exemple 20 questions (QCM), l'utilisateur doit au moins répondre à 15 question pour passer à l'étape suivante, càd 1e seule question, malgré le nombre de checkbox kel contient ou l'utilisateur peux choisir est égale à 1, une fois qu'il coche meme un seul checkbox le compteur ki était à 1 devient 2 et tant ke je sui tjrs sur la meme question ça reste 2 meme si je coche tous les checkbox sur cette kestion. j'éspère ke j'étai assez clair bon je vous envoi la fonction:

    Code : 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
    <script language="Javascript">
      function verifier(){
      conteur=0;
      if (document.form.C1.checked){element1 = 1}else{element1 = 0}
      if (document.form.C2.checked){element2 = 1}else{element2 = 0}
      if (document.form.C3.checked){element3 = 1}else{element3 = 0}
      if (document.form.C4.checked){element4 = 1}else{element4 = 0}
      if (document.form.C5.checked){element5 = 1}else{element5 = 0}
      if (document.form.C6.checked){element6 = 1}else{element6 = 0}
      total = Number(element1) + Number(element2) + Number(element3) + Number(element4) + Number(element5) + Number(element6)
      if (total > 0) {conteur++;}
      if (document.form.C7.checked){element7 = 1}else{element7 = 0}
      if (document.form.C8.checked){element8 = 1}else{element8 = 0}
      if (document.form.C9.checked){element9 = 1}else{element9 = 0}
      if (document.form.C10.checked){element10 = 1}else{element10 = 0}
      if (document.form.C11.checked){element11 = 1}else{element11 = 0}
      if (document.form.C12.checked){element12 = 1}else{element12 = 0}
      total2 = Number(element7) + Number(element8) + Number(element9) + Number(element10) + Number(element11) + Number(element12)
      if (total2 > 0) {conteur++;} 
      if ((form.choix[0].checked)||(form.choix[1].checked)||(form.choix[2].checked)) {conteur++}
      alert(conteur)
      }//fin de la fonction
      </script>
    Merci d'avance

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 664
    Points
    66 664
    Billets dans le blog
    1
    Par défaut
    mets tes questions chacune dans un div avec tous les checks associés ou dans un fieldset

    un exemple :

    Code : 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
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nouvelle page 1</title>
    <script type='text.javascript'>
    function verif(){
    var questionsDone=0;
    var checkperQuestion
    var minreponses = 1;
     
    allQuestions=document.getElementsByTagName('fieldset')
     
     for (i=0;i<allQuestions.length;i++){
     
     	var Elts=allQuestions[i].getElementsByTagName('input')
     
     	var boxes=new Array()
     	checkperQuestion=0
     	for(j=0;j<Elts.length;j++){
     									if (Elts[j].type=='checkbox' && Elts[j].checked==true){checkperQuestion++}
     									}
    		 if(checkperQuestion>0){questionsDone++};
     }
     
     
    if (questionsDone<minreponses){alert('pas assez de réponses');
                                   return false;}
    else {return true;}                               
     
    }
    </script>
     
    </head>
     
     
    <body>
     
    <form action="javascript:alert('page suivante')" onsubmit="return verif()" />
     
    <fieldset title="question1" id="Q1">
    <legend>question 1</legend>
    <input type="checkbox" id='Q1rep1'/><label for="Q1rep1">oui</label><br />
    <input type="checkbox" id='Q1rep2'/><label for="Q1rep1">non</label><br />
    <input type="checkbox" id='Q1rep3'/><label for="Q1rep1">pourquoi pas</label><br />
    </fieldset>
     
    <fieldset title="question2" id="Q2">
    <legend>question 1</legend>
    <input type="checkbox" id='Q2rep1'/><label for="Q1rep1">oui</label><br />
    <input type="checkbox" id='Q3rep2'/><label for="Q1rep1">non</label><br />
    <input type="checkbox" id='Q4rep3'/><label for="Q1rep1">pourquoi pas</label><br />
    </fieldset>
    <input type='submit' value='go' />
     
    </form>
    </body>
     
    </html>
    ici juste avec deux question un un mini à une réponse

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. formulaire- que les réponses soient publiées et visibles de tous
    Par hariboum dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 29/03/2012, 12h43
  2. limiter les réponses pour un QCM
    Par debutant75013 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 16/07/2011, 15h59
  3. développer les réponses venant d'un formulaire
    Par webfds dans le forum Langage
    Réponses: 22
    Dernier message: 05/10/2010, 21h58
  4. formulaire + recuperé les réponses
    Par lol88 dans le forum Langage
    Réponses: 4
    Dernier message: 24/11/2009, 21h41
  5. [MySQL] Récupérer les réponses d'un QCM
    Par ptitepo dans le forum PHP & Base de données
    Réponses: 6
    Dernier message: 23/03/2009, 17h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo