克隆复选框“选中”属性未定义

Question

我为一周中的每一天设置了一系列复选框，并带有一个“全部”复选框来选中/取消选中所有日期。我的用例需要多组这些复选框，当我动态创建它们时，我使用jQuery.clone() 函数复制该组并将它们添加到新行；但是克隆的复选框无法正常工作。 OnClick 事件触发；但无论出于何种原因，我都无法访问 Chrome 中任何克隆复选框的“已检查”属性。我尝试了以下方法（以 All 复选框为例）：

$('input[name="all"]:last').prop('checked')
$('input[name="all"]:last')[0].checked
$('input[name="all"]:last').attr('checked')

全部返回未定义。我发现实际上返回有关已检查状态的任何内容的唯一方法是：

$('input[name="all"]:last').is(':checked')

我在这里复制了错误：http://jsfiddle.net/YfY5U/

真的希望有人知道发生了什么，因为我完全陷入困境:(

Answer 1

在这部分代码中：

var new_content = $('.initial').clone()
        .removeClass('initial')
        .find(':checkbox').each(function(){
            $(this).removeProp('checked');
        }).end().appendTo('fieldset');

您在克隆后删除属性“已检查”。所以毫不奇怪它是未定义的。 换个方式

$(this).removeProp('checked'); 

到

$(this).prop('checked', false)