题
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)如何返回单选按钮的名称属性,或者 2)如何返回我当前所在行的行索引?
解决方案
这将使用您提供的HTML获取索引:
$(document).ready(function() {
$("input:radio").click(function() {
var index = parseInt(this.name.split('_')[1])
});
});
可能有助于您的另一件事:检索表格中的行数:
$($("table").children()[0]).children().length
希望这可以帮助你。
其他提示
针对您的具体问题1&amp; 2,如果您为表格提供了“mytable”ID,则此示例应该为您提供所需内容:
var rowIndex = $("#mytable tr").index($(this).parents("tr"));
var inputName = $(this).attr("name");
alert("Input Name: " + inputName + "; RowIndex: " + rowIndex);
这是一些未经测试的代码,我的头顶:
$("#div_s_0 input[type='radio']").onclick = function() {
if ($("#div_s_0 input[type='radio']:last").attr('checked') == 'checked') {
/* add a new element */
}
}
这样做是将onclick事件附加到div中的每个单选按钮。 onclick将检查该组中的最后一个单选按钮是否被选中,如果是,则添加另一个元素。
就像我说它还没有经过测试。我不确定选择器(# div_s_0 ...:last
)所以首先在Firebug中运行它。
不隶属于 StackOverflow