尝试根据剃须刀页面上的复选框值更改<td>背景颜色

<table>
  <tr>
    <td><input type="checkbox" onchange="changeBackgroundColor(this)" /></td>
    <td><input type="checkbox" onchange="changeBackgroundColor(this)" /></td>
    <!-- 添加更多复选框 -->
  </tr>
</table>

function changeBackgroundColor(checkbox) {
  var td = checkbox.parentNode.parentNode; // 获取复选框所在的单元格
  if (checkbox.checked) {
    td.style.backgroundColor = 'yellow'; // 如果复选框选中，将单元格背景颜色改为黄色
  } else {
    td.style.backgroundColor = ''; // 如果复选框未选中，恢复单元格背景颜色的初始值
  }
}

td {
  background-color: white; /* 初始背景颜色为白色 */
}

td:checked {
  background-color: yellow; /* 选中后的背景颜色为黄色 */
}