选中其中一列的复选框时，该复选框所在行的背景色高亮显示

最新推荐文章于 2019-10-27 21:44:31 发布

[ ?? ]

最新推荐文章于 2019-10-27 21:44:31 发布

阅读量323

点赞数

本文链接：https://blog.csdn.net/hyt_123456/article/details/102768189

版权

在这里插入图片描述
代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery.js"></script>




</head>
<body>
<table >
    <tr style="background-color: #cccccc">
    	<td></td>
        <td>姓名</td>
        <td>薪水</td>
        <td>年龄</td>
    </tr>

    <tr id="change">
    	<td><input type="checkbox" onclick="a(4)"></td>
        <td>张三</td>
        <td>20000</td>
        <td>23</td>
    </tr>

    <tr id="change1">
    	<td><input type="checkbox" onclick="a(1)"></td>
        <td>李四</td>
        <td>22000</td>
        <td>22</td>
    </tr>

    <tr id="change2">
    	<td><input type="checkbox" onclick="a(2)"></td>
        <td>王五</td>
        <td>14000</td>
        <td>26</td>
    </tr>
    <tr id="change3">
    	<td><input type="checkbox" onclick="a(3)"></td>
        <td>马六</td>
        <td>15000</td>
        <td>21</td>
    </tr>


</table>
<script type="text/javascript">
   $(function(){
        $("tr:even").css("background-color","green");
        $("tr:odd").css("background-color","blue");




   });

 function a(b){
   $("tr").css("background-color","red");
return b;
 }





</script>




</body>
</html>

[ ?? ]

关注

0
点赞
踩
0

收藏

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

代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery.js"></script></head>&...
复制链接

扫一扫