复选框已选中属性未定义

Question

我使用Javascript以编程方式将行和列添加到html表中：

for (var i = 0; i < results.length; i++) {
                    table = document.getElementById("EntityRecords");
                    rowCount = table.rows.length;
                    row = table.insertRow(rowCount);
                    row.id = results[i].LeadId;
                    row.className = "EntityRecordsRow";

                    cell1 = row.insertCell(0);
                    element = document.createElement("input");
                    element.type = "checkbox";
                    element.name = "chkbox[]";
                    cell1.appendChild(element);
                    cell1.className = "EntityRecordsCol";

                    cell2 = row.insertCell(1);
                    cell2.innerHTML = results[i].FirstName + " " + results[i].LastName;
                }

在按钮点击事件中，我需要找到所选的复选框。我正在使用下面的代码读取表格单元格，但复选框单元格checked属性未定义：

function OnRecordSelectionBtnClick() {
var table = document.getElementById("EntityRecords");
for (var i = 0, row; row = table.rows[i]; i++) {
    var col = row.cells[0];
    if (col.checked) {
        var selectedText = row.cells[1].innerHTML;
        alert(selectedText);
    }
}
}

有什么建议吗？

Answer 1

if ( col.firstElementChild.checked )，而不是if ( col.checked )。 col是td元素，其第一个子元素是具有checked属性的输入。