javascript - 如何检查是否选择了每行中的任何按钮

Question

假设有 3 行，因此有 3 个不同名称的单选按钮，每个单选按钮还有另外 5 个具有不同值的单选按钮。

代码:

$i = 1;
    while ($row = mysql_fetch_assoc($result))
    {
    ?>
        <tr>
        <td width="19"><?php echo $i ?></td>
        <td colspan="4"> <?php echo $row["question"] ?></td>
        <?php

        echo '<td width="42"><Input type="Radio" id="1" Name="point' . $i . '" value="1"  />1</td>';
        echo '<td width="42"><Input type="Radio" id="2" Name="point' . $i . '" value="2"  />2</td>';
        echo '<td width="42"><Input type="Radio" id="3" Name="point' . $i . '" value="3"  />3</td>';
        echo '<td width="42"><Input type="Radio" id="4" Name="point' . $i . '" value="4"  />4</td>';
        echo '<td width="42"><Input type="Radio" id="5" Name="point' . $i . '" value="5"  />5</td>';
        ?>
        <br />
        </tr>
    <?php 
    $i++;}

Answer 1

我的想法是这样的:

  $("button").click(function() {
    var $rows = $("table tr");
    var $checked = $rows.find("input:checked");
    var remaining = $rows.length - $checked.length;
    if(remaining > 0)
      alert("answer all the questions: " + remaining + " remaining")
    else
      alert("sending info")
  });

$(function() {
  $("button").click(function() {
    var $rows = $("table tr");
    var $checked = $rows.find("input:checked");
    var remaining = $rows.length - $checked.length;
    if(remaining > 0)
      alert("answer all the questions: " + remaining + " remaining")
    else
      alert("sending info")
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
	<td width="19">1</td>
	<td colspan="4"> question</td>
	<td width="42"><Input type="Radio" id="1" Name="point1" value="1"  />1</td>
	<td width="42"><Input type="Radio" id="2" Name="point1" value="2"  />2</td>
	<td width="42"><Input type="Radio" id="3" Name="point1" value="3"  />3</td>
	<td width="42"><Input type="Radio" id="4" Name="point1" value="4"  />4</td>
	<td width="42"><Input type="Radio" id="5" Name="point1" value="5"  />5</td>
	<br />
  </tr>
  <tr>
	<td width="19">2</td>
	<td colspan="4"> question</td>
	<td width="42"><Input type="Radio" id="1" Name="point2" value="1"  />1</td>
	<td width="42"><Input type="Radio" id="2" Name="point2" value="2"  />2</td>
	<td width="42"><Input type="Radio" id="3" Name="point2" value="3"  />3</td>
	<td width="42"><Input type="Radio" id="4" Name="point2" value="4"  />4</td>
	<td width="42"><Input type="Radio" id="5" Name="point2" value="5"  />5</td>
	<br />
  </tr>
  <tr>
	<td width="19">3</td>
	<td colspan="4"> question</td>
	<td width="42"><Input type="Radio" id="1" Name="point3" value="1"  />1</td>
	<td width="42"><Input type="Radio" id="2" Name="point3" value="2"  />2</td>
	<td width="42"><Input type="Radio" id="3" Name="point3" value="3"  />3</td>
	<td width="42"><Input type="Radio" id="4" Name="point3" value="4"  />4</td>
	<td width="42"><Input type="Radio" id="5" Name="point3" value="5"  />5</td>
	<br />
  </tr>
</table>
<button>submit</button>