检查HTML表格中的特定复选框

时间:2013-08-28 17:47:03

标签: javascript html checkbox html-table

我有一个HTML表,其中包含一个包含复选框的列。任何人都可以告诉我如何使用Javascript设置特定行索引的复选框来检查(不使用jquery)?

由于

3 个答案:

答案 0 :(得分:7)

如果您的复选框具有唯一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;

您可以在cellschildren数组中循环查找类型为input的{​​{1}}元素,而不是对其中的0进行硬编码。如果没有真正看到您的代码,很难给出具体的建议,但希望这会有所帮助。

答案 1 :(得分:0)

最简单的解决方案是为每个checkbok提供一个特定的id。就像那样,用javascript很容易检查它。

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

答案 2 :(得分:0)

这是Check \ Uncheck所有Checkbox的功能。

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

复选框应该有一个ID,然后你可以用“getElementById()”抓住它们