проверка формы - требуется, чтобы * определенная * радиокнопка была проверена из каждой группы радиосвязи

Question

У меня есть форма с четырьмя да-без вопросов, например.

I am age 18 or older. () Yes () No 

HTML фрагмент:

<form> 
... 
<tr id="age_q"> 
    <td class="prompt">I am age 18 or older.</td> 
    <td class="yesno"> 
    <input type="radio" name="age" value="yes" id="age_y" class="required"> 
    <label for="age_y">Yes</label> 
    <input type="radio" name="age" value="no" id="age_n"> 
    <label for="age_n">No</label> 
    </td> 
</tr> 
... 

Это форма согласия; пользователь не может перейти на следующую страницу, если на все четыре вопроса не ответил «да». Я пытался применить это правило с помощью плагина jQuery + validator, но его понятие «требуется» для радиогрупп кажется «некоторая кнопка была проверена», а не «эта кнопка была проверена».

Может ли кто-нибудь предложить технику? Я не женат на jQuery + валидаторе, я бы с удовольствием использовал какую-то другую библиотеку, если бы он делал то, что я хочу легко. В идеале кнопка отправки будет включена тогда и только тогда, когда все четыре переключателя «да» были отмечены. (ПГБ хотел, чтобы каждый из вопросов, и окончательная кнопки отправки, чтобы появляется тогда и только тогда, когда предыдущие «да» кнопка была проверена, но я думаю, что это будет некрасиво и запутанными.)

Answer 1

установить ваш «нет» радио не иметь класс .no или что-то:

if ($('.no:checked').length) { 
    //not valid 
} else { 
    //valid 
} 

вот рабочий пример: http://jsbin.com/oguzi4/edit