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

最新推荐文章于 2024-05-31 11:49:06 发布

原创最新推荐文章于 2024-05-31 11:49:06 发布 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

WEB前端专栏收录该内容

112 篇文章

订阅专栏

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

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