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

Question

如何将另一列添加到表标题中有一个checkbox？当我向表格添加一个项目时，该行将添加复选框列并选中...

jsfiddle.net/e254w/34

Krish

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>');