博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
checkbox属性checked="checked"通过js已设置,但是不勾选
阅读量:6914 次
发布时间:2019-06-27

本文共 813 字,大约阅读时间需要 2 分钟。

1.通过 attr('checked','checked') 来设置checkbox时,重复点击,虽然checked属性设置正确,但是checkbox没有被勾选 ,如下代码:(代码是全选功能)

$('#ckAll').click(function(){

            if($('#ckAll ').attr('checked') == 'checked'){
                $('#ckAll').removeAttr('checked');
            }else{
                $('#ckAll').attr('checked','checked');
            }
            if($('#ckAll').attr('checked') == 'checked'){
                $('.tab-list .ckbox').each(function(i,n){
                    $(n).attr('checked','checked');
                });
            }else{
                $('.tab-list .ckbox').each(function(i,n){
                    $(n).removeAttr('checked');
                });
            }
        }); 

2. 换成 prop('checked',true) ,当ckAll被选中时,所有列表checkbox都会被选中

//用click或用 change

$('#ckAll').click(function(){

            if($('#ckAll').prop('checked')){
                $('.tab-list .ckbox').each(function(i,n){
                    $(n).prop('checked',true);
                });
            }else{
                $('.tab-list .ckbox').each(function(i,n){
                    $(n).prop('checked',false);
                });
            }
        });

转载于:https://www.cnblogs.com/hfdp/p/5095038.html

你可能感兴趣的文章
架构的演进,阿里资深Java工程师表述架构的腐化之谜
查看>>
android中调用native的fork函数后的现象观察
查看>>
javascript模拟new的实现
查看>>
IDEA快捷键
查看>>
微信小程序模板介绍
查看>>
JDK源码阅读-Iterable接口
查看>>
【算法刷题】2:寻找两个有序数组的中位数
查看>>
Linux学习笔记(三)-Linux 磁盘与文件系统管理
查看>>
站在巨人的肩膀上
查看>>
阿里巴巴fastjson @JSONField 注解说明
查看>>
Android开发 - 解决DialogFragment在全屏时View被状态栏遮住的问题
查看>>
行为型模式:模板方法
查看>>
Linux命令
查看>>
5、Flutter Widget - AbsorbPointer;
查看>>
区块链:定义未来金融与经济新格局
查看>>
小册笔记
查看>>
mongoDB高级查询这一篇就够了
查看>>
js节流和防抖
查看>>
MySQL学习笔记之三排序和过滤
查看>>
VUE 使用笔记
查看>>