<table>中点击一行中任意列数据，则可以让<checkbox>选中或者取消选中。

easyboot

于 2017-01-20 11:08:30 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WEB前端

本文链接：https://blog.youkuaiyun.com/easyboot/article/details/54629884

WEB前端专栏收录该内容

112 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的功能：当点击表格中的一行时，该行内的复选框状态会进行切换。具体实现了通过点击来检查复选框是否被选中，并根据当前状态进行反转。

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

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