如何在表格中創建複選框列？

Question

我動態創建一個使用下面的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實現它？ 或相關鏈接？

Answer 1

使用下面的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

Answer 2

我不知道這是否是你問：

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

，然後你會追加checkbox到各行，以便形成一個新列。

看到這個小提琴：http://jsfiddle.net/qeeu18g1/3/ 我添加了評論，我添加了東西。

（這是一個重複的of this question？）