Question

我正在尝试将HTML注入javascript代码中以创建html表。现在我可以追加表格，但无法在第一表格列内创建复选框。如果您对此有任何想法请告诉我...

我正在为复选框尝试许多HTML代码，但我无法解决问题。

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

我需要在附加表列中设置复选框。

Answer 1

您尚未关闭标签..<input type="checkbox" name="alerted"<...，“更改”后>丢失了

Answer 2

您不知道要关闭javascript代码中的输入年龄。试试这个

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

Answer 3

使用javascript，您可以创建元素并追加。

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>

如何在JavaScript追加表格列中添加复选框

3 个答案: