javascript - 选择所有复选框问题(jQuery)

Question

我有一个小问题，如果我选择一个复选框并按 f5 复选框的状态将保持不变(因此它将被选中)但是如果我使用 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; });

});