jqery选中其中一列的复选框时,该复选框所在行的背景色高亮显示(黄色)。 2、取消选中复选框时,所在行的背景色恢复。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<table>
			<thead>
				<tr>
					<td>
						
						
					</td>
					<td>
						姓名
						
					</td>
					<td>
						月薪
						
					</td>
					<td>
						年龄
						
					</td>
				</tr>
				
			</thead>
			<tbody>
				<tr><td><input type="checkbox" /></td>
					<td>
						张三
						
					</td>
					<td>
						20000
						
					</td>
					<td>
						23
						
					</td>
					
					<td>
						李四
						
					</td>
					<td>
						23000
						
					</td>
					<td>
						24
						
					</td>
					
					<td>
						王五
						
					</td>
					<td>
						26000
						
					</td>
					<td>
						26
						
					</td>
					
				</tr>
				
				
			</tbody>
			
		</table>
		
		
		<script>
			
			$(function(){
				
				$("tbody>tr:even").addClass("even");
				$("tbody>tr:odd").addClass("odd");
				$(":checkbox").on("click",function(){
					
					$(this).parent().parent().toggleClass("checked");
				});
			});
			
		</script>
		
	</body>
</html>

你可能感兴趣的:(js)