jQuery控制checkbox选中状态失效

最新推荐文章于 2020-02-01 13:54:00 发布

lqw199311

最新推荐文章于 2020-02-01 13:54:00 发布

阅读量1.7k

点赞数 1

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/lqw199311/article/details/84990556

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

jQuery中prop和attr的用法区别

1.对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
2.对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。
例如:

$(':input[name="checkbox"]').each(function (i,v) {
    if(i == 0){
        $(this).prop('checked','false');
        //$(this).attr('checked','false');  //无效
       // $(this).removeAttr('checked'); //无效
    }else{
        $(this).prop('checked','true');
    }
})