JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复

最新推荐文章于 2020-03-03 11:48:22 发布

铁憨憨°

最新推荐文章于 2020-03-03 11:48:22 发布

阅读量403

点赞数

本文链接：https://blog.csdn.net/weixin_45746054/article/details/102773140

版权

本文介绍了如何使用JQuery实现当表格中某一列的复选框被选中时，其所在行的背景色变为高亮，而当复选框取消选中时，行背景色恢复原状。包括具体的效果图和相关代码示例。

摘要由CSDN通过智能技术生成

JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复

效果图
在这里插入图片描述
代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <style>
        table,td{
   
            border: 1px solid aquamarine;
        }
        td{
   
            width: 100px;
            height: 20px;
        }

最低0.47元/天解锁文章

铁憨憨°

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复

JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script...
复制链接

扫一扫