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

原创于 2019-12-23 14:34:43 发布 · 689 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JQuery 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $('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);
       }
    });