javascript - 按行获取单选按钮 - Javascript

Question

我必须逐行获取单选按钮，但此查询获取表中的所有单选按钮。

function Check() {
var table = document.getElementById("tblMain");
for (var i = 0, row; row = table.rows[i]; i++) {
var arrRadios = new Array();
arrRadios = this.document.getElementsByName("radio");
var len = arrRadios.length; //it gives 6 here, when I want 3
}
}

<table id="tblMain">
        <tr>
            <td>
                <input type="radio" name="radio" />1)
                <input type="radio" name="radio" />2)
                <input type="radio" name="radio" />3)                
            </td>            
        </tr>
        <tr>
            <td>
                <input type="radio" name="radio" />1)
                <input type="radio" name="radio" />2)
                <input type="radio" name="radio" />3)                
            </td>            
        </tr>
    <asp:Button ID="btn" runat="server" 
      OnClientClick="return Check()" value="click"/>        
    </table>

请通过 Javascript 提出解决方案

Answer 1

为什么不这样做:

  var table = document.getElementById("tblMain");
  for (var i = 0, row; row = table.rows[i]; i++) {
      var arrRadios = new Array();
      arrRadios = document.querySelectorAll('#tblMain tr:nth-child(' + (i+1) + ') input[type=radio]');
      var len = arrRadios.length; 
  }

如果您的浏览器不是最新版本，这可能不起作用。