動的にチェックボックスを追加する、js jquery

Question

動的に作成された行ごとにチェックボックスを作成するにはどうすればよいですか。次のコードは、テーブルを作成する方法です。助けが大いに評価されるでしょう。 Info：DBからorgの値を取得し、その値をテーブルに公開しています。

var table = document.getElementById('orgtable'); 
 

 
for (var i = 0; i < (orgvalues.length); i = i + 1) { 
 

 
    var row = table.insertRow(-1); 
 

 
    var cell1 = row.insertCell(-1); 
 
    var cell2 = row.insertCell(-1); 
 

 

 

 
    cell1.innerHTML = '<span style="font-size:20px;">' + 
 
    name + '</span>'; 
 

 
    cell1.innerHTML = '<span style="font-size:20px;">' + 
 
    phone + '</span>'; 
 

 

 
}

Answer 1

はそれを試してください：

var table = document.getElementById('orgtable'); 

for (var i = 0; i < (orgvalues.length); i = i + 1) { 

    var row = table.insertRow(-1); 

    var cell1 = row.insertCell(-1); 
    var cell2 = row.insertCell(-1); 
    var cell3 = row.insertCell(-1); 



    cell1.innerHTML = '<span style="font-size:20px;">' + 
    name + '</span>'; 

    cell2.innerHTML = '<span style="font-size:20px;">' + 
    phone + '</span>'; 

    cell3.innerHTML = '<input type="checkbox" id="yourCheckBoxId" value="yourCheckBoxVal">'; 


} 

Answer 2

あなたはJavascriptを経由してチェックボックスを作成することができます。

var checkbox = document.createElement("INPUT"); 
checkbox.setAttribute("type", "checkbox"); 
cell1.appendChild(checkbox);