Javascript 如何根据每行中的复选框选择获取HTML表行数据?

Javascript 如何根据每行中的复选框选择获取HTML表行数据?,javascript,jquery,Javascript,Jquery,我有一个用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';

我有一个用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];
实际上有太多的专栏,我只放了两个。我在列标题“epic”下有很多epic,每行的第一列有一个复选框。我希望根据选中的复选框获得行数据


抱歉,代码太长,因此我无法粘贴所有代码。

这是我在使用jquery时使用的示例:

$('.chkbox').click(function(){
    var row = jQuery(this).closest('tr');//your nearest row for the check box

    $(row).each(function(){
        //get all data using the id and use/store it
        $(this).find(".item").html();
    });
});
对于一行中的每个复选框和每个项目,给出一个类(我对所有复选框使用
chkbox
,对一行中的所有项目使用
item
price
等)


类似于此,我想现在有一个代码示例和更明确的要求,我认为您应该执行以下操作:

$('#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>

....
...   
此代码将返回所有带有复选框的

如果行选择复选框处于更深层次,则应根据需要选择更多的
.parent()


这个例子当然使用jQuery

在创建复选框和javascript函数的地方发布一些代码。该fecth将被单独调用还是在任何复选框的每次更改时调用?包括:checked in the first query;),复选框]:选中仅选择选中的,但我认为您仍然需要使用最近的调用来获取行项目。当复选框未选中时,该人员可以执行某些操作。。。您不认为:)如果需要,只需使用
.parent()
…就可以为所选项目获取行。。。不管怎样…取决于那家伙想做什么。。。不太清楚:)没人知道谁是对的:)问题不太清楚:)谢谢,伙计,这对我来说非常有效。如果您只想选择一个特定的列,那么只需使用var rowcells=row.find('tdClassName');rowcells.each(函数(){var tdhtml=$(this.html();});
<table>
  <tr>
     ....
     <td><input type="checkbox" name="cb1" checked></td>
     ...   
  </tr>
</table>