html 查询之后页面中 每行的 选中状态不变

如果您希望在 HTML 页面中进行查询后，保持每行的选中状态不变，可以通过以下步骤实现：

1. 在 HTML 页面中，为每行添加一个唯一的 ID 或 class，以便在查询时能够找到每行。

2. 在查询完成后，遍历每行的 ID 或 class，判断其是否被选中。

3. 如果该行被选中，则为其添加一个选中状态的 CSS 类，例如：`selected`。

4. 如果该行未被选中，则为其移除选中状态的 CSS 类。

示例代码如下：

HTML 代码：

<table>
  <tr id="row1">
    <td>行1</td>
    <td><input type="checkbox" checked></td>
  </tr>
  <tr id="row2">
    <td>行2</td>
    <td><input type="checkbox"></td>
  </tr>
  <tr id="row3">
    <td>行3</td>
    <td><input type="checkbox" checked></td>
  </tr>
</table>

JavaScript 代码：

// 1. 获取所有行的 ID 或 class
var rows = document.querySelectorAll("tr");

// 2. 遍历每行，判断是否被选中
rows.forEach(function(row) {
  var checkbox = row.querySelector("input[type=checkbox]");
  if (checkbox.checked) {
    // 3. 如果被选中，添加选中状态的 CSS 类
    row.classList.add("selected");
  } else {
    // 4. 如果未被选中，移除选中状态的 CSS 类
    row.classList.remove("selected");
  }
});

CSS 代码：

/* 选中状态的样式 */
.selected {
  background-color: #ccc;
}