检查 HTML 表中的特定复选框 [关闭]答案

【问题标题】：Check a specific checkbox in HTML table [closed]检查 HTML 表中的特定复选框 [关闭]
【发布时间】：2013-08-31 22:24:33
【问题描述】：

我有一个 HTML 表格，其中有一列包含复选框。谁能告诉我如何使用 Javascript 在特定行索引处设置一个复选框以进行检查（不使用 jquery）？

谢谢

【问题讨论】：

你为什么不想使用 jQuery？它大大减少了打字，并且更易于学习/使用。这些介绍值得您花时间：thenewboston.com 和 phpacademy.org

标签： javascript html checkbox html-table

【解决方案1】：

最简单的解决方案是为每个支票簿指定一个特定的 ID。这样很容易用 javascript 检查它。

可能最好的解决方案是给它一个 id，其中包含行号或行中数据的唯一标识符。

【讨论】：

【解决方案2】：

这是一个检查\取消选中所有复选框的功能。

http://www.webdevdoor.com/javascript-ajax/javascript-function-check-uncheck-checkboxes/

复选框应该有一个ID，然后你可以用“getElementById()”来获取它们

【讨论】：

【解决方案3】：

如果您的复选框具有唯一 ID，那么您只需执行以下操作：

// To check the box with id "check3"
document.getElementById("check3").checked = true;

但是，如果您确实想根据表中的行索引来检查它，那么您必须首先抓取表并从那里下拉到特定的行索引。

// To check the box in row 3 in table with id "mytable" (0-based row index)
// assuming that the checkbox is in the first column, 
// and that it is the first element in that column
document.getElementById("mytable").rows[2].cells[0].children[0].checked = true;

除了硬编码其中的 0，您还可以循环遍历 cells 和 children 数组，显式查找 input 类型为 checkbox 的元素。如果没有真正看到您的代码，很难给出具体的建议，但希望这会有所帮助。

【讨论】：