如何在表格中创建复选框列？
如何在表格中创建复选框列？
提问于 2014-11-04 23:13:39
我正在使用下面的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实现它吗？或相关链接？
回答 2
Stack Overflow用户
发布于 2014-11-04 23:19:14
我不确定这是不是你想问的：
var checkbox = document.createElement("INPUT");
checkbox.type = "checkbox";然后将checkbox附加到每一行，以形成一个新列。
请看这个小提琴：http://jsfiddle.net/qeeu18g1/3/我在我添加东西的地方添加了注释。
(这是重复的of this question吗？)
Stack Overflow用户
发布于 2014-11-04 23:16:50
使用以下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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26738599
复制相关文章
相似问题
腾讯云开发者
