Javascript 获取数据表中的tr id值
我有以下html表格布局Javascript 获取数据表中的tr id值,javascript,jquery,html,datatables,Javascript,Jquery,Html,Datatables,我有以下html表格布局 <tbody> <tr id="13" role="row" class="odd"> <td class="sorting_1"> <input type="checkbox" class="checkall selected" id="checkall" name="checkall[]"> </td> <td>4</td> <t
<tbody>
<tr id="13" role="row" class="odd">
<td class="sorting_1">
<input type="checkbox" class="checkall selected" id="checkall" name="checkall[]">
</td>
<td>4</td>
<td>4.00</td>
<td>4</td>
</tr>
<tr id="12" class="even" role="row">
<td class="sorting_1">
<input id="checkall" class="checkall selected" type="checkbox" name="checkall[]">
</td>
<td>1</td>
<td>1.00</td>
<td>1</td>
</tr>
<tr id="11" class="odd" role="row">
<td class="sorting_1">
<input id="checkall" class="checkall" type="checkbox" name="checkall[]">
</td>
<td>4</td>
<td>5.00</td>
<td>2</td>
</tr>
</tbody>
4.
4
4.
1.
1
1.
4.
5
2.
现在我需要获取一个tr id值,只需要获取所选输入复选框的行id值。
例如:我选择了一行id=“13”和id=“12”
因此,我需要得到13和12,而不是11。您可以在没有任何框架的情况下为每个复选框添加内联onclick处理程序,如下所示:
<input id="checkall" onclick="getRowId(this)" class="checkall selected" type="checkbox" name="checkall[]">
然后提供处理程序:
<script>
function getRowId(input_elm) {
if(input_elm.checked) {
//console.log(input_elm.parentNode.parentNode.id);
alert(input_elm.parentNode.parentNode.id);
}
}
</script>
函数getRowId(输入值){
如果(已选中输入项){
//log(输入\ elm.parentNode.parentNode.id);
警报(输入\ elm.parentNode.parentNode.id);
}
}
您可以使用.each
选择所有已选择的复选框
(或使用:checked
->输入[type=checkbox]:checked
)类,然后获取tr id
顺便说一下,你的身份证是无效的。根据:
ID和名称标记必须以字母([a-Za-z])开头,并且可以是
后跟任意数量的字母、数字([0-9])、连字符(“-”),
下划线(“”)、冒号(“:”)和句点(“.”)
$(文档).ready(函数(){
var-id=[];
$('table input[type=checkbox].selected')。每个(
职能(一){
id.push($(this.closest('tr').attr('id'));
});
$('.results').html(id);
});代码>
4.
4
4.
1.
1
1.
4.
5
2.
您可以用jquery这样做
$('input[type=checkbox]:checked').map(function (checkbox) {
return $(checkbox).closest('tr').attr("id");
});
它将返回所选行的所有id。我得到一个未定义的值。非常感谢工作正常….@TestmailFacebook欢迎您,不要忘记更改您的id
。我认为您可以给他们投票。低于15的声誉不可能投票。TestmailFacebook,哦。我懂了。