数据表问题:如何单击复选框并突出显示该行，反之亦然？

<table>
  <tr>
    <th></th>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
  </tr>
  <tr>
    <td><input type="checkbox" onclick="highlightRow(this)"></td>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
  </tr>
  <tr>
    <td><input type="checkbox" onclick="highlightRow(this)"></td>
    <td>数据4</td>
    <td>数据5</td>
    <td>数据6</td>
  </tr>
  <!-- 其他行 -->
</table>

function highlightRow(checkbox) {
  var row = checkbox.parentNode.parentNode; // 获取复选框所在的行
  if (checkbox.checked) {
    row.style.backgroundColor = "yellow"; // 突出显示该行
  } else {
    row.style.backgroundColor = ""; // 取消突出显示
  }
}