选中所有复选框问题（jQuery）

Question

我有一个小问题，如果我选择一个复选框并按f5，checbox的状态将保留（因此将被检查）但是如果我使用jQuery选择页面上的所有复选框然后按f5全部复选框将为空白（因此取消选中，只有那些被精心挑选的人将保持在那里状态）。我怎么能解决这个问题，所以当我点击刷新时，一切都会保持不变？

代码

jQuery('.sellectall').click(function(){

    $('input:checkbox').attr('checked',true);

});

Answer 1

我假设您使用的是jQuery 1.6或更高版本。

如果是，请使用prop()^[docs]方法代替attr()^[docs]方法。

然后你应该得到与用户点击框一样的行为。

jQuery('.sellectall').click(function(){

    $('input:checkbox').prop('checked',true);

});

...或手动设置checked属性：

jQuery('.sellectall').click(function(){

    $('input:checkbox').each(function() { this.checked = true; });

});