table中每行复选框被选中，改变tr的背景颜色

最新推荐文章于 2021-12-16 14:44:11 发布

空袭的梦

最新推荐文章于 2021-12-16 14:44:11 发布

阅读量1.6k

点赞数 1

本文介绍了使用jQuery操作复选框的方法，包括如何通过点击事件改变背景色，以及三种判断复选框是否选中的方式。从jQuery1.6版本开始，推荐使用prop方法来检查复选框的状态。

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

$(function () {
    //input 单击事件
    $("input").click(function () {
        //获取checkbox选中项
        if ($(this).attr('checked')) {
            $(this).parent().parent().css("background", "#d4efff");
        } else {
            $(this).parent().parent().css("background", "");
        }
    });
});

//jQuery判断复选框是否被选中

方法一：
if ($("#checkbox-id").get(0).checked) {
    // do something
}

方法二：
if($('#checkbox-id').is(':checked')) {
    // do something
}

方法三：
if ($('#checkbox-id').attr('checked')) {
    // do something
}
在jQuery1.6版本之后，取复选框有没有被选中，要用prop
if($('#checkbox-id').prop('checked'))
{
　　//do something
}