点击表格某行选中行，选中或者取消选中复选框

最新推荐文章于 2021-11-15 20:27:23 发布

原创最新推荐文章于 2021-11-15 20:27:23 发布 · 705 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一段使用jQuery实现的功能，当点击表格行时，行内的复选框状态会进行切换。如果复选框已被选中，则通过removeAttr移除checked属性；反之，则通过prop方法设置checked属性为true。

 $('body').on("click","tr",function(){
        if ($(this).find(":checkbox").prop("checked")) {//// 此处要用prop不能用attr，至于为什么你测试一下就知道了
            $(this).find(":checkbox").removeAttr("checked"); 
        }else{
            $(this).find(":checkbox").prop("checked", true);
       }
    });