jQuery多个单选按钮

Question

javascript/jquery的新手,并且很难使用"this"或"$(this)"来获取当前对象.

我有一个表,每行有一组单选按钮,每个按钮名为's_'.默认情况下,没有选中任何单选按钮:

<tr>
   <td align="left" style="width: 300px">
      <div id="div_s_0">
         <input type="radio" name="s_0" value="1" />Public
         <input type="radio" name="s_0" value="2" />Not Public
         <input type="radio" name="s_0" value="3" />Confidential
      </div>
   </td>
</tr>
<tr>
   <td align="left" style="width: 300px">
      <div id="div_s_1">
         <input type="radio" name="s_1" value="1" />Public
         <input type="radio" name="s_1" value="2" />Not Public
         <input type="radio" name="s_1" value="3" />Confidential
      </div>
   </td>
</tr>

我正在尝试编写一个jQuery函数,以便在用户选择单选按钮时向表中添加新行,但前提是它们当前位于表的最后一行.我想要做的是获取单击单选按钮的name属性,解析它以获取行索引(即'_'后面的部分)并将其与表中的行数进行比较.如果它们相等,则添加一个新行,否则不执行任何操作.

我的问题是双重的,取决于我应该如何攻击这个:

1)如何返回单选按钮的name属性,或者2)如何返回当前行的行索引？

Answer 1

这将使用您提供的HTML获取索引:

$(document).ready(function() {
    $("input:radio").click(function() {
        var index = parseInt(this.name.split('_')[1])
    });
});

另一件可能对您有帮助的事情是:检索表格中的行数:

$($("table").children()[0]).children().length

希望这能帮到你的路.