动态添加复选框答案

【问题标题】：Add checkbox dynamically动态添加复选框
【发布时间】：2012-09-21 13:50:23
【问题描述】：

如何使表格上的复选框可以被选中？我有下面的代码通过使用 jquery 函数动态添加复选框。下面的代码成功动态添加checkbox，但是问题是函数添加的checkbox不能被选中（禁用）。

<table id="detail">
  <tr>
    <td><input type="checkbox" id="cb" name="cb[]"></td>
  </tr>
</table>

这是添加行的按钮：

<input type="button" id="addRow" value="ADD ROW" />

这是我拥有的 jquery 函数：

<script type="text/javascript">
  $(document).ready(function() {
    $("#addRow").click(function() {
      $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last');
    });
  });
</script>

任何人都可以帮助代码？谢谢... :)

【问题讨论】：

您要禁用添加的复选框吗？？

标签： jquery dynamic checkbox

【解决方案1】：

请先修正javascript函数！

  $(document).ready(function() {
    $("#addRow").click(function() {
      $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last');
    });
  });

你的代码对我有用意味着复选框被选中（只有当你勾选最后一个复选框，你的代码才会克隆它）

见我的jsfiddle 或jsfiddle updated

【讨论】：

您好，感谢您的代码。有用！但我应该由谁来决定答案？您的答案与 @Sushanthreddy 相同，但 Sushanthreddy 较早发布答案。
我更正了您的 JS 代码，但为了解决您的问题，我只发布了 jsfiddle（和更新）。
不管谁先发帖！重要的是答案的质量。

【解决方案2】：

试试这个

 $(document).ready(function() {
    $("#addRow").click(function() {
      $('#detail tbody tr:last').clone(true).insertAfter('#detail tbody tr:last');
    });
  });

查看FIDDLE

【讨论】：

【解决方案3】：

 $("#addRow").click(function() {
     var row = $('#detail tbody>tr:last').clone(true);

     // Clear last value
     row.find("input:checkbox").attr('checked', false);

     // Change name attr
     row.find("#cb").attr('name', 'newNmae');

     //disabled set as a true
     row.find("input:checkbox").attr('disabled', true);

     row.insertAfter('#detail tbody>tr:last');
});

【讨论】：