0

如何使表格上的复选框可以被选中？我有下面的代码通过使用 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>

任何人都可以帮助代码？谢谢... ：）

4

3 回答 3

3

请先更正javascript函数！

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

而且您的代码对我有用意味着选中了复选框（仅当您勾选最后一个复选框时，您的代码才会克隆它）

查看我的jsfiddle或jsfiddle 更新

于 2012-09-21T05:41:44.243 回答
2
于 2012-09-21T05:44:07.837 回答
0 
 $("#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');
});
于 2012-09-21T05:40:53.077 回答