jquery - 删除 jquery 克隆中的复选框属性

Question

当我尝试添加新行时，我的脚本代码和 html 是这样的，如果选中了复选框，它会自动选择最后一个复选框的属性，而不是在新行中添加带有复选框的复选框，想要删除在新行中选中的复选框

脚本代码

<script type="text/javascript">
  $("input.tr_clone_add").live('click', function() {
    var $tr    = $(this).closest('.tr_clone');
    var $clone = $tr.clone();
    $clone.find(':text').val('');
    $tr.after($clone);
});
</script>  

表格是这样的

   <table id="table-data" width="100%">
                  <tr class="tr_clone">
                    <td><input type="checkbox" autofocus name="status[]" value="Y"></td>
                    <td>
                      <select name="group_id[]">
                        <option>Select User</option>
                         <?php
                           $selectGroup = "SELECT  group_id,group_name
                                              FROM `group`";
                           $res = mysql_query($selectGroup);
                           while($row = mysql_fetch_array($res))
                           {
                             echo '<option value="'.$row['group_id'].'">'.$row['group_name'].'</option>';
                           }
                          ?>
                      </select>
                    </td>
                    <td><textarea name="address[]" rows="3" cols="35" placeholder="Enter Address"></textarea></td>
                    <td><input type="button" name="add" value="Add" class="tr_clone_add"></td>
                  </tr>
                </table>

Answer 1

检查下面的代码。您可以使用 $clone.find('input[type=checkbox]') 从克隆的元素中找到复选框并设置 .attr('checked', false);

工作 DEMO

 $("input.tr_clone_add").live('click', function() {
  var $tr    = $(this).closest('.tr_clone');
  var $clone = $tr.clone();
  $clone.find(':text').val('');
  $clone.find(':checked').attr('checked', false);
   // or 
  // $clone.find('input[type=checkbox]').attr('checked', false);
  $tr.after($clone);
});