验证2个电台组jquery

时间:2016-11-23 00:47:34

标签: jquery validation radio-button radio-group

我需要与2个广播组进行验证的指导,我有一个包含28个问题的问卷和2组带有无线电输入的答案,我想验证同一行中的答案在两者上都不一样答案,我附上截图,无效答案用红色框。

Radio validation

我想通过jquery进行验证,希望有人可以帮助我。

这是标记:

<input type="radio" name="most_option_1" id="q1_most_option_id_1" value="D">
<input type="radio" name="least_option_1" id="q1_least_option_id_1" value="C">

1 个答案:

答案 0 :(得分:0)

如果单选按钮具有相同的名称,则无法选择两者,只能选择其中一个。您需要确保的是,问卷中的每个“行”都有两个单选按钮的唯一名称。不需要Javascript。

类似的东西:

<table class="table table-striped">
<thead>
  <th>#1</th>
  <th>Most</th>
  <th>Least</th>
</thead>
<tbody>
  <tr>
    <td>Enthusiastic</td>
    <td>
      <input type="radio" name="q1_enthusiastic" value="D"/>
    </td>
    <td>
      <input type="radio" name="q1_enthusiastic" value="C"/>
    </td>
  </tr>
   <tr>
    <td>Daring</td>
    <td>
      <input type="radio" name="q1_daring" value="D"/>
    </td>
    <td>
      <input type="radio" name="q1_daring" value="C"/>
    </td>
  </tr>
   <tr>
    <td>Diplomatic</td>
    <td>
      <input type="radio" name="q1_diplomatic" value="D"/>
    </td>
    <td>
      <input type="radio" name="q1_diplomatic" value="C"/>
    </td>
  </tr>
   <tr>
    <td>Satisfied</td>
    <td>
      <input type="radio" name="q1_satisfied" value="D"/>
    </td>
    <td>
      <input type="radio" name="q1_satisfied" value="C"/>
    </td>
  </tr>
</tbody>
</table>

小提琴:

https://jsfiddle.net/z1kcmwuq/1/