javascript - 如何根据每行中的复选框选择获取 HTML 表格行数据？

Question

我有一个用 java 脚本动态创建的表。它的每一行都有一个复选框作为第一列。我想根据各行的复选框获取行数据。

var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell0 = row.insertCell(0);
var cell1 = row.insertCell(1);

cell0.innerHTML = 'Select'; 
cell1.innerHTML = 'Epic';
cell0.innerHTML = " checkbox html code ";
cell1.innerHTML = epicSeries[j];

实际上有太多的列，我只放了其中的两个。我在列标题“史诗”下有很多史诗，每行的第一列都有一个复选框。我想要基于选中的复选框的行数据。

抱歉，代码太长，我无法全部粘贴。

Answer 1

现在有了您的代码示例和更明确的要求，我认为您应该执行以下操作:

$('#myTable input[type=checkbox]:checked').each(function() { 

   var row = $(this).parent().parent();
   var rowcells = row.find('td');
   // rowcells contains all td's in the row
   // you can do 
   // rowcells.each(function() {var tdhtml = $(this).html(); }); 
   // to cycle all of them    

});

如果你有这样的表:

<table>
  <tr>
     ....
     <td><input type="checkbox" name="cb1" checked></td>
     ...   
  </tr>
</table>

此代码将返回所有 <tr>带有选中的复选框

如果行选择复选框在更深层次，你应该更多 .parent()根据需要

这个例子当然使用了jQuery。