javascript - 使用 jquery 选中复选框将数据添加到表中

Question

如何向表头添加另一列checkbox？当我向表中添加项目时，该行将添加复选框列并选中...

jsfiddle.net/e254w/34

克里什

Answer 1

您可以通过添加这样的输入标签来做到这一点。

$("<tr><td><input type='checkbox' checked/></td></tr>")

工作演示 - http://jsfiddle.net/e254w/36/

Answer 2

您可以使用 .after() 在最后一个 TH 之后放置一个带有复选框的新 TH：

$('#datatable th:last').after('<th><input type="checkbox" checked="checked"></th>');

另外，不要忘记向所有其他行添加 TD，否则您将遇到对齐问题：

$('#datatable td:last').after('<td></td>');

更新：

$('#datatable tr:last').after('<tr><td><input type="checkbox" checked="checked"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>');

如果您只需要一列而不是整行，那么这将起作用：

$('#datatable th:first').before('<th><input type="checkbox" checked="checked"></th>');