jQuery checkbox全选

来源:互联网 发布:linux怎么为用户组id 编辑:程序博客网 时间:2024/05/14 18:35

通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。

使用click事件,根据checked属性进行判断即可。


示例:

       $("#chkRreviewOffline").click(function(){if(this.checked){$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){this.checked=true;});}else{$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){this.checked=false;});}});$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){$(this).click(function(){if(this.checked){//console.log('checked');}else{//console.log('not checked');$("#chkRreviewOffline").get(0).checked=false;}});});

其中,下面的each()方法用于当页面其它的checkbox有未选中状态,则全选状态取消。


原创粉丝点击