Как проверить форму и перенаправить на определенный URL-адрес на основе ответов пользователя?

Question

<form>
  <p class="question"> Hold Old are you</p>
  <p ><input name="1"  type="radio" value="15"> 12</p>
  <p ><input name="1"  type="radio" value="8"> 45</p>
  <p ><input name="1"  type="radio" value="2"> 23</p>  
  <p class="question"> What is you name<p/>  
  <p ><input name="2"  type="radio" > Jerry</p>
  <p ><input name="2"  type="radio" > Tom</p>
  <p ><input name="2"  type="radio" > Becky</p>  
  <p class="question"> Are you single</p>
  <p ><input name="3"  type="radio" > yes</p>
  <p ><input name="3"  type="radio" > no</p>
  <p ><input name="4"  type="radio" > married</p>  
</form>

Привет, как дела?

У меня есть форма, которая задает 3 вопроса, и у каждого есть 3 ответа, есть очко, и будет оценка:

если счет> = 91, то после отправки его нужно перевести на страницу 90.html

если оценка <90 А> = 21), то после отправки их нужно перевести на 20.html страницу

если оценка <= 20), то их следует привести к показателю ниже 20.html </p>

форма должна быть проверена, чтобы убедиться, что на все вопросы выбран ответ

Мне нужно какое-то руководство по настройке

ПОМОГИТЕ, пожалуйста, спасибо

Answer 1

Я думаю, я знаю, что вы ищете.Вот рабочий пример: http://jsfiddle.net/NLJvZ/

var $rs = $(':radio');

$(':button').click(function(){
    var $ch = $(':radio:checked');
    if($ch.length < 3)
        alert('Please answer all questions');
    else{
        var score = 0;

        $ch.each(function(){
            score += parseInt($(this).val(), 10);
        });

        var url = 'below20.html';

        if(score >= 91)
            url = '90.html';
        else if(score < 90 && score >= 21)
            url = '20.html';

        alert('Going to URL: ' + url);
        location.href = url;
    }
});

HTML:

<div id="question1">
    <h3>What is your name?</h3>
    <label>
        <input type="radio" name="first1" value="1" />
        Tom
    </label>
    <label>
        <input type="radio" name="first2" value="3" />
        Jerry
    </label>
    <label>
        <input type="radio" name="first3" value="2" />
        Becky
    </label>
</div>
<br />
<div id="question2">
    <h3>Are you single?</h3>
    <label>
        <input type="radio" name="second1" value="1" />
        Yes
    </label>
    <label>
        <input type="radio" name="second2" value="3" />
        No
    </label>
    <label>
        <input type="radio" name="second3" value="2" />
        Married
    </label>
</div>
<br />
<div id="question3">
    <h3>How old are you?</h3>
    <label>
        <input type="radio" name="third" value="1" />
        12
    </label>
    <label>
        <input type="radio" name="third" value="3" />
        23
    </label>
    <label>
        <input type="radio" name="third" value="2" />
        45
    </label>
</div>
<br />
<input type="button" value="Submit" />