Comment puis-je ajouter différents résultats à ce questionnaire en fonction du choix des boutons radio des personnes? Voici le questionnaire:
<html>
<head></head>
<body>
<h1></h1>
<form>
<ol>
<li> How much are you willing to spend on a phone per month?</li>
<ul>
<li> <input type = "radio" name = "q1"> £5-£10.</input></li>
<li> <input type = "radio" name = "q1"> £10-£15.</input></li>
<li> <input type = "radio" name = "q1"> £15-£20.</input></li>
<li> <input type = "radio" name = "q1"> £20-£25.</input></li>
<li> <input type = "radio" name = "q1"> £25-£30.</input></li>
<li> <input type = "radio" name = "q1"> £30-£35.</input></li>
<li> <input type = "radio" name = "q1"> £35-£40.</input></li>
</ul>
<li> Are you good with technology?</li>
<ul>
<li> <input type = "radio" name = "q2"> Yes.</input></li>
<li> <input type = "radio" name = "q2"> No.</input></li>
</ul>
<li> Are you looking for an easy to use phone?</li>
<ul>
<li> <input type = "radio" name = "q3"> Yes.</input></li>
<li> <input type = "radio" name = "q3"> No.</input></li>
</ul>
<li> Are you looking for a modern type of phone?</li>
<ul>
<li> <input type = "radio" name = "q4"> Yes.</input></li>
<li> <input type = "radio" name = "q4"> No.</input></li>
</ul>
<li> How big do you want the phone to be?</li>
<ul>
<li> <input type = "radio" name = "q5"> Big.</input></li>
<li> <input type = "radio" name = "q5"> Medium.</input></li>
<li> <input type = "radio" name = "q5"> Small.</input></li>
<li> <input type = "radio" name = "q5"> I don"t really mind.</input></li>
</ul>
<li> Do you care about the colour of the phone?</li>
<ul>
<li> <input type = "radio" name = "q6"> Yes.</input></li>
<li> <input type = "radio" name = "q6"> No.</input></li>
</ul>
<li> Have you ever owned a phone before?</li>
<ul>
<li> <input type = "radio" name = "q7"> Yes.</input></li>
<li> <input type = "radio" name = "q7"> No.</input></li>
</ul>
<li> Do you want to be able to use the phone to get out of awkward social situations?</li>
<ul>
<li> <input type = "radio" name = "q8"> Yes.</input></li>
<li> <input type = "radio" name = "q8"> No.</input></li>
</ul>
<li> Do you want to be able to access an app store and download apps using your phone?</li>
<ul>
<li> <input type = "radio" name = "q9"> Yes.</input></li>
<li> <input type = "radio" name = "q9"> No.</input></li>
</ul>
<li> What happened to the last phone you owned?</li>
<ul>
<li> <input type = "radio" name = "q10"> I got bored of it.</input></li>
<li> <input type = "radio" name = "q10"> It broke(I"m clumsy).</input></li>
<li> <input type = "radio" name = "q10"> It broke.</input></li>
<li> <input type = "radio" name = "q10"> The contract ran out.</input></li>
<li> <input type = "radio" name = "q10"> Other.</input></li>
</ul>
</ol>
<input type = "button" value = "Submit"></input> <input type = "reset" value = "Clear"></input>
<textarea>The right phone for you will be displayed here.</textarea>
</html>
Est-ce que ce que je suis en train de faire est possible? J'essaie de trouver une réponse à cette question depuis longtemps. Si vous savez comment je peux faire ce que j’ai décrit, dites-le, merci de votre lecture.
Réponses:
3 pour la réponse № 1Utilisez javascript pour extraire les informations du code HTML, puis récupérez la somme. Vous pouvez soit utiliser jquery / ajax pour le faire sans soumettre la page.
BTW, que voulez-vous dire ajouter le résultat du quiz?
Mise à jour le 13/10/2013
Utiliser javascript et le faire dans le frontend.
Commencez par changer chaque bouton radio pour:
<li><input type = "radio" id = "q1" value="5-10" name = "q1"> £5-£10.</input></li>
et en utilisant JDOM pour obtenir la valeur
var name = document.getElementById("q1").value;//name will equal to "5-10"
après avoir obtenu toutes les options, vous pouvez faire ce que vous voulez en logique J'espère que ça aide.