<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
*{
font-size: 30px;
}
.red{
background: red;
}
#div11{
width: 200px;
height: 50px;
border: 2px solid ;
border-radius: 20px;
font-size: 20px;
text-align: center;
line-height: 50px;
}
td{
border: 2px solid ;
}
</style>
<body>
1、选中其中一列的复选框时,该复选框所在行的背景色高亮显示(黄色)。
2、取消选中复选框时,所在行的背景色恢复。
<div id="div01">
<table>
<tr>
<td><input type="checkbox"></td>
<td>12</td>
<td>123</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>12</td>
<td>
JQuery结课考试
最新推荐文章于 2023-04-22 22:27:31 发布