Question

如何查看表格上的复选框？我通过下面的代码使用jquery函数动态添加复选框。下面的代码成功动态添加复选框，但问题是函数添加的复选框无法检查（禁用）。

<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>

任何人都可以为代码提供帮助吗？谢谢...：）

Answer 1

请先纠正javascript函数！

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

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

查看我的jsfiddle或jsfiddle updated

Answer 2

试试这个

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

检查FIDDLE

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

动态添加复选框

3 个答案: