使用jquery向选中复选框的表中添加数据

Adding data to the table with the checkbox checked using jquery

本文关键字:添加 数据 复选框 使用 jquery      更新时间:2023-09-26

如何将另一列添加到具有checkbox的表头?当我将一个项目添加到表中时,该行将添加带有checked…的复选框列。。。

jsfiddle.net/e254w/34

Krish

您可以通过添加这样的输入标记来实现这一点。

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

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

您可以使用.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>');