Javascript 如何在表中创建复选框列?
我正在使用下面的JavaScript代码动态创建一个表:Javascript 如何在表中创建复选框列?,javascript,dom,dom-manipulation,Javascript,Dom,Dom Manipulation,我正在使用下面的JavaScript代码动态创建一个表: function CreatTable(data) { var tablearea; var table; var thead; var tr; var th; tablearea = document.getElementById('ShowDataID'); table = document.createElement('table'); thead = docume
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>
函数创建表(数据){
var表面积;
var表;
var thead;
var-tr;
var-th;
tablearea=document.getElementById('ShowDataID');
table=document.createElement('table');
thead=document.createElement('thead');
tr=document.createElement('tr');
对于(变量i=0;i
创建表时,我还需要在上表中创建复选框列
知道如何使用JavaScript实现它吗?
或相关链接?使用以下JS代码:
var x = document.createElement("INPUT");
x.setAttribute("type", "checkbox");
x.setAttribute("name", "city");
x.setAttribute("value", "London");
x.setAttribute("id", 1);
并将其放置在您想要添加的任何位置
我不确定这是否是您要问的问题:
var checkbox = document.createElement("INPUT");
checkbox.type = "checkbox";
然后将复选框
附加到每一行,以形成一个新列
看这把小提琴:
我在添加内容的地方添加了评论
(这是重复的吗?看看这个。