表单验证 - 要求从每个无线电组中选中*特定*单选按钮

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插件强制执行这个规则，但它对于无线电组的“必需”概念似乎是“某些按钮被选中”而不是“ this 按钮被检查。“

有人可以推荐一种技术吗？我没有和jQuery +验证器结婚，如果它能够轻松地完成我想要的东西，我会很乐意使用其他库。理想情况下，当且仅当选中所有四个“是”单选按钮时，才会启用提交按钮。 （只有当前一个“是”按钮被检查时，PHB才希望每个问题和最终提交按钮出现，但我认为这将是丑陋和令人困惑的。）< / p>

Answer 1

将您的“否”无线电设置为具有类.no或其他内容：

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

这是一个工作样本：http://jsbin.com/oguzi4/edit