如何获取所选表行的数据?

时间:2014-08-31 06:27:21

标签: javascript jquery

我正在使用以下代码段,从中我可以找到一行的索引,根据表格的每一行上的复选框选择一行。如何修改此代码段以便我可以获取所选行数据而不是索引? 请帮助!!

<script>

function myfunction3() {
  var element_table = document.getElementsByName('collection');
  var element_tableRows = element_table[0].rows;
  var selectedTr = new Array();
  var data = "";

  for (var i = 0; i < element_tableRows.length; i++) {
    var checkerbox = element_tableRows[i].cells[0].firstChild;
    if (checkerbox.checked) {
      data = data+ element_tableRows[i].getAttribute("name");
    }
  }

  var element_paragraph = document.getElementsByName('description');
  element_paragraph.innerHTML = data;
  alert(data);
}

</script>

1 个答案:

答案 0 :(得分:0)

正如TJ所说,我在你的代码中看不到任何索引。但尝试这样更清洁的东西

$('.collection tr').each(function () {
    //processing this row
    $(this).find('td input:checked').each(function () {
         // there is checkbox and it is checked, do your business with it
         var value_of_checkbox = $(this).val(); // which is 'data' that you wanted
    });
});