jquery复选框checkbox全选全不选


最简单的写法:

$('#select_all').change(function(){
    $("input[name='select[]']").prop('checked',$(this).is(":checked"));
})

有人说这样写在火狐上可能不更新,简单列出他的解决办法
写JS全选/取消全选代码,发现下列JS代码

$('#information :checkbox').not('#selectall').prop('checked', $('#selectall').is(':checked'));

在Firefox中不显示checkbox的选中或取消选中效果,但查看HTML代码时却正常地改变了相关的属性,在IE中也能正常工作,于是判断是FF没有更新 界面造成的,所以在代码中增加了一行:

.prop('disable', true) // 启用可见,强制浏览器更新界面

变成

$('#information :checkbox').not('#selectall').prop('disable', true).prop('checked', $('#selectall').is(':checked'));

间接地强制FF更新,成功解决问题jQuery1.9.1在Firefox中的BUG - 共享圈 - 共享圈

Archives