使用复选框为表中的选定行添加选中和更改的属性的方法

<table id="myTable">
  <tr>
    <th>Select</th>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox1"></td>
    <td>John</td>
    <td>25</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox2"></td>
    <td>Jane</td>
    <td>30</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox3"></td>
    <td>Mike</td>
    <td>35</td>
  </tr>
</table>

// 获取表格元素
var table = document.getElementById("myTable");

// 获取所有复选框元素
var checkboxes = table.getElementsByTagName("input");

// 监听复选框状态变化事件
for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener("change", function() {
    // 获取选中的行
    var selectedRows = [];
    for (var j = 0; j < checkboxes.length; j++) {
      if (checkboxes[j].checked) {
        selectedRows.push(checkboxes[j].parentNode.parentNode);
      }
    }

    // 修改选中行的属性
    for (var k = 0; k < selectedRows.length; k++) {
      selectedRows[k].style.backgroundColor = "yellow";
      selectedRows[k].style.color = "red";
    }
  });
}