Question

我只需要选择显示在表中的搜索结果，并在文本区域中显示选中的复选框详细信息。如何在Java脚本中实现呢？我正在尝试使用以下代码。但是单击“全部选中”复选框时，它并未选中复选框。

var table = document.getElementById("mytable");

for (var r = 1, n = table.rows.length; r < n; r++) {
  var test = table.rows[r].cells[1].innerHTML;

  if (test.indexOf(tabledata) >= 0) {
    table.rows[r].cells[0].checked = source.checked; //Not Working
  }
}

HTML

<table id="MyTable" class="table table-bordered">
  <thead>
    <tr class="info">
      <th style="width: 10px;"><input type="checkbox" id="check_selectall_b" onClick="selectAll(this)" />SA</th>
      <th>Parameter Name</th>
      <th>Quick view</th>
    </tr>
  </thead>
</table>

谢谢，亚历克斯

Answer 1

您要检查的是单元格，而不是单元格内部的复选框。

首先找到该复选框，然后选中它：

table.rows[r].cells[0].querySelector('input[type="checkbox"]').checked = source.checked;

还要确保ID mytable与html中的ID匹配。（mytable与MyTable不同）

使用Java脚本在表中选择复选框

1 个答案: