how to add checkbox in javascript append table column

Question

i'm trying to inject HTML inside javascript code for creating html table. now i can append the table but i can't create checkbox inside the first table column. if you have any idea about this tell me pls...

i'm trying many HTML code for checkbox but i can't solve the problem.

$("#tbody1").html('<tr>'+
    '<td><input type="checkbox" name="alerted"</td>'+
'</tr>')

i need to set checkbox in append table column.

Answer 1

你还没有关闭你的标签..<input type="checkbox" name="alerted"<... , >在“alerted”之后丢失

Answer 2

You are missing to close input tage inside javascript code . Try this

$("#tbody1").html('<tr>'+
                      '<td><input type="checkbox" name="alerted"></td>'+
                  '</tr>')

Answer 3

Using javascript, you can create an element and append.

 let bd = document.getElementById('bd'); for(let i=1; i<=10; i++) { let tr = document.createElement('tr'); let td = document.createElement('td'); td.innerHTML = i; tr.appendChild(td); bd.appendChild(tr); }

 <table> <tr> <th>Name</th> </tr> <tbody id="bd"> </tbody> </table>