Jquery操作checkbox全选、反选失效的问题解决

最新推荐文章于 2020-09-29 08:12:20 发布

coderbbb

最新推荐文章于 2020-09-29 08:12:20 发布

阅读量621

点赞数

分类专栏：零碎笔记

本文链接：https://blog.youkuaiyun.com/yxl8359026/article/details/49883757

版权

零碎笔记专栏收录该内容

9 篇文章

订阅专栏

我们用JQuery操作checkbox，通常是采用attr方法来操控的，jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即

$("input[type='checkbox']").prop("checked"); 
$("input[type='checkbox']").prop("disabled", false); 
$("input[type='checkbox']").prop("checked", true);

附一个判断全选、反选的代码片段

$("#check-all").on("click",function(){
            if($(this).is(":checked")){
                $(".check-item-mail").prop("checked","checked");
            }else{
                $(".check-item-mail").prop("checked", false);
            }
        });