Jak mogę dodać różne wyniki do tego quizu, w zależności od wyborów dokonywanych przez ludzi? Tutaj jest quiz:
<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>
Czy to, co próbuję zrobić to możliwe? Próbowałem znaleźć odpowiedź na to pytanie od dawna. Jeśli wiesz, jak mogę zrobić to, co powiedziałem, dziękuję za przeczytanie.
Odpowiedzi:
3 dla odpowiedzi № 1Użyj javascript do wyodrębnienia informacji z html, a następnie pobierz sumę. Możesz użyć jquery / ajax, aby zrobić to bez przesyłania strony.
BTW, co masz na myśli dodać wynik z quizu?
Zaktualizowano 13.10.2013
Korzystając z samego javascript i zrób to w interfejsie.
Najpierw zmień każdy przycisk opcji na:
<li><input type = "radio" id = "q1" value="5-10" name = "q1"> £5-£10.</input></li>
i używanie JDOM do uzyskania wartości
var name = document.getElementById("q1").value;//name will equal to "5-10"
po uzyskaniu wszystkich wartości opcji możesz robić, co chcesz w logice Mam nadzieję, że to pomoże.