/ / Як я можу додати результати до цієї вікторини? - html

Як я можу додати результати до цієї вікторини? - html

Як я можу додати різні результати до цієї вікторини залежно від вибору перемикача людей? Ось вікторина:

 <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>

Чи я намагаюся зробити це можливим? Я намагався знайти відповідь на це питання на віки зараз. Якщо ви знаєте, як я можу зробити те, що я описав, будь ласка, скажіть. Дякуємо за читання.

Відповіді:

3 для відповіді № 1

Використовуйте JavaScript, щоб витягти інформацію з html, а потім отримати суму. Ви можете використовувати jquery / ajax, щоб зробити це, не надіславши сторінку.

До речі, що ви маєте на увазі, щоб додати результат із вікторини?

Оновлено 13.10.2013

Використовуйте сам JavaScript і робіть це в інтерфейсі.

Спочатку змініть кожну перемикач на:

<li><input type = "radio" id = "q1" value="5-10" name = "q1"> £5-£10.</input></li>

і використовуючи JDOM, щоб отримати значення

var name = document.getElementById("q1").value;//name will equal to "5-10"

після того, як ви отримаєте всі значення параметрів, ви можете робити все, що ви хочете, в логіці Сподіваюся, це допомагає.