使用 Javascript 选择表格中的复选框答案

【问题标题】：Select Checkbox in Table using Java Script使用 Javascript 选择表格中的复选框
【发布时间】：2018-12-05 19:52:27
【问题描述】：

我必须只选择表格中显示的搜索结果并在文本区域中显示选定的复选框详细信息。如何在 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>

谢谢，亚历克斯

【问题讨论】：

请提供可运行的minimal reproducible example
什么是source？此外，此代码需要在事件侦听器中运行才能在您单击按钮时发生 - 否则它将始终在页面加载后立即运行。
我在链接下面发布的详细信息。
stackoverflow.com/questions/53606733/…
当我选择 SA 复选框时，我能够获得价值（用警报检查）但相同的值未在表中检查。

标签： javascript

【解决方案1】：

您正在尝试检查单元格，而不是单元格内的复选框。

先找到复选框，再勾选：

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

另外，请确保 ID mytable 与您的 html 中的 ID 匹配。（mytable和MyTable不一样）

【讨论】：