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

Select all checkboxes issue(jQuery)

本文关键字:jQuery 问题 复选框 选择      更新时间:2023-09-26

我有一个小问题,如果我选择一个复选框并按f5复选框的状态将保持(所以它将被选中),但如果我使用jQuery选择页面上的所有复选框,然后按f5所有的复选框将空白(所以取消勾选,只有一个是手工挑选的将保持在那里的状态)。我该如何解决这个问题,以便当我点击刷新时一切都保持不变?

的代码
jQuery('.sellectall').click(function(){
    $('input:checkbox').attr('checked',true);
});

我假设您使用的是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; });
});