1.jquery实现点击table中复选框来改变tr颜色

最新推荐文章于 2023-03-03 16:56:10 发布

社会人王某

最新推荐文章于 2023-03-03 16:56:10 发布

阅读量418

点赞数

分类专栏： js结课

本文链接：https://blog.csdn.net/key1haha_/article/details/102757525

版权

首先设置css样式：

纯菜鸟代码：
先上图吧：
在这里插入图片描述
点击复选框来改变tr背景颜色
效果图：

代码是有bug的对选择器的使用不明白，无法取消点击复选框时还原当初颜色，但是这个效果可以分别给4个复选框设置点击事件来实现，我就不写了
太麻烦。

部分代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现选中复选框变色</title>
  <script src="js/h1.js"type="text/javascript"></script>
  <style>
    #show1{
   
      background-color: #999999;
    }
    #show1>td{
   
      text-align: center;
      width: 180px;
      height: 22px;
    }
    #show2{
   
      background-color: #b3d4fc;
    }
    #show2>td{
   
      text-align: center;
      width: 180px;
      height: 22px;
    }

最低0.47元/天解锁文章

社会人王某

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
1.jquery实现点击table中复选框来改变tr颜色

首先设置css样式：纯菜鸟代码：先上图吧：点击复选框来改变tr背景颜色效果图：代码是有bug的对选择器的使用不明白，无法取消点击复选框时还原当初颜色，但是这个效果可以分别给4个复选框设置点击事件来实现，我就不写了太麻烦。部分代码：<!DOCTYPE html><html lang="en"><head> <meta cha...
复制链接

扫一扫