如何在表格中创建复选框列？答案

【问题标题】：How to create checkbox column in the table?如何在表格中创建复选框列？
【发布时间】：2014-12-31 13:07:43
【问题描述】：

我正在使用下面的 JavaScript 代码动态创建一个表：

function CreatTable(data) {

    var tablearea;
    var table;
    var thead;
    var tr;
    var th;

    tablearea = document.getElementById('ShowDataID');
    table = document.createElement('table');
    thead = document.createElement('thead');
    tr = document.createElement('tr');

    for (var i = 0; i < data.length; i++) {
        var headerTxt = document.createTextNode(data[i]);
        th = document.createElement('th');
        th.appendChild(headerTxt);
        tr.appendChild(th);
        thead.appendChild(tr);
    }

    table.appendChild(thead);

    for (var i = 1; i < 4; i++) {
        tr = document.createElement('tr');
        tr.appendChild(document.createElement('td'));
        tr.appendChild(document.createElement('td'));
        tr.appendChild(document.createElement('td'));
        tr.cells[0].appendChild(document.createTextNode('John'));
        tr.cells[1].appendChild(document.createTextNode('McDowell'));
        tr.cells[2].appendChild(document.createTextNode('ddd@gmail.com'));

        table.appendChild(tr);
    }
    tablearea.appendChild(table);
}
</script>

当我创建表格时，我还需要在上面的表格中创建复选框列。

知道如何使用 JavaScript 实现它吗？或者相关链接？

【问题讨论】：

看看这个stackoverflow.com/a/866249/3905567。

标签： javascript dom dom-manipulation

【解决方案1】：

我不确定这是不是你要问的：

var checkbox = document.createElement("INPUT");
checkbox.type = "checkbox";

然后您将checkbox 附加到每一行以形成一个新列。

看到这个小提琴：http://jsfiddle.net/qeeu18g1/3/ 我在添加东西的地方添加了 cmets。

（这是重复的of this question吗？）

【讨论】：

【解决方案2】：

使用以下JS代码：

var x = document.createElement("INPUT");
x.setAttribute("type", "checkbox");
x.setAttribute("name", "city");
x.setAttribute("value", "London");
x.setAttribute("id", 1);

把它放在你想添加的任何地方。

See more at HTML DOM Input Checkbox Object

【讨论】：