根据复选框选中的属性从表中选择单元格值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了根据复选框选中的属性从表中选择单元格值相关的知识，希望对你有一定的参考价值。
我有一个html表，我正在尝试使用第二列中的值（在第一列中选中复选框）形成一个列表。
我尝试了很多使用jQuery的方法，但没有任何效果。
HTML
<table id="table1">
<tr>
<td><input type="checkbox"/></td>
<td>12</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>13</td>
</tr>
</table>
<input id="submit-btn" type="button" style="submit-btn" >
jQuery的
values =[];
$("#submit-btn").click(function() {
$('#table1 tr').each(function () {
row = $(this);
if(row.children('td:eq(0) > checkbox').prop('checked'))
{
values.push(row.children('td:eq(1)').text());
console.log(values);
}
});
});
答案
您可以使用jQuery的:checked pseudo-selector查找表中所有选中的复选框，然后使用closest上升到他们所在的td，next移动到下一个td，并使用text来获取td的文本：
$("#table1 input:checked").each(function() {
values.push($(this).closest("td").next().text());
});
实例：
$("#submit-btn").click(function() {
var values = [];
$("#table1 input:checked").each(function() {
values.push($(this).closest("td").next().text());
});
console.log(values);
});<table id="table1">
<tr>
<td><input type="checkbox" /></td>
<td>12</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>13</td>
</tr>
</table>
<input id="submit-btn" type="button" style="submit-btn">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>以上是关于根据复选框选中的属性从表中选择单元格值的主要内容，如果未能解决你的问题，请参考以下文章