Javascript 验证组单选按钮

我设计了网页 包含60个问题，每个问题有5个单选按钮。 我想验证所有的问题；换句话说，他们所有人都必须回答。 如果其中一个没有应答，告诉用户它的号码。 我如何用javascript验证它 下面是一些代码示例

<div  >
  <tr id="trr1" onmouseover="changecolor('tr1','trr1')" onmouseout="backcolor('tr1','trr1')" >
    <td colspan="5">1. question 1</td>
    </tr>
  <tr id="tr1"  onmouseover="changecolor('tr1','trr1')" onmouseout="backcolor('tr1','trr1')">
    <td>totaly agree <input id="s1" name="s1" type="radio" value="2" /></td>
    <td>agree <input id="s1" name="s1" type="radio" value="1" /></td>
    <td>none <input id="s1" name="s1" type="radio" value="0" /></td>
    <td>dis-agree <input id="s1" name="s1" type="radio" value="-1" /></td>
    <td>totaly dis-agree <input id="s1" name="s1" type="radio" value="-2" /></td>
  </tr>
  <tr id="trr2" onmouseover="changecolor('tr2','trr2')" onmouseout="backcolor('tr2','trr2')" >
    <td colspan="5">2. question 2</td>
    </tr>
  <tr id="tr2"  onmouseover="changecolor('tr2','trr2')" onmouseout="backcolor('tr2','trr2')">
    <td>totaly agree <input id="s2" name="s2" type="radio" value="2" /></td>
    <td>agree <input id="s2" name="s2" type="radio" value="1" /></td>
    <td>none <input id="s2" name="s2" type="radio" value="0" /></td>
    <td>dis-agree<input id="s2" name="s2" type="radio" value="-1" /></td>
    <td>totaly dis-agree <input id="s2" name="s2" type="radio" value="-2" /></td>
  </tr>
 </div> 

---

考虑添加jQuery并使用。这是处理这类任务更方便的方法。强制选择一个选项将非常简单：

radioGroup: {required :true}

覆盖带有错误的消息以通知用户未拾取任何内容：

jQuery.extend(jQuery.validator.messages, {
  required: "This field is required."
});

---

此链接将帮助您学习使用JavaScript验证表单：