html获取table表格中未选中的数据

HTML本身并不直接提供获取表格中未选中的数据的功能，因为HTML是用于描述网页结构的语言，而数据的操作通常由脚本语言如JavaScript来完成。如果你想要在HTML页面上动态地获取未选中的表格数据，你需要结合JavaScript或jQuery。

下面是一个简单的例子，使用JavaScript配合HTML的`<input type="checkbox">`元素来追踪哪些选项被选中：

<table>
  <tr>
    <td><input type="checkbox" data-id="1"></td>
    <td>Data 1</td>
  </tr>
  <!-- 添加更多行 -->
</table>

<script>
var tableData = document.querySelectorAll('table tr input[type="checkbox"]');
var selectedIds = [];

for (var i = 0; i < tableData.length; i++) {
  if (!tableData[i].checked) {
    var id = parseInt(tableData[i].getAttribute('data-id'));
    selectedIds.push(id); // 如果复选框未选中，则把id添加到数组
  }
}

// selectedIds现在包含所有未选中的数据ID
console.log("Unselected Data IDs:", selectedIds);
</script>

在这个例子中，我们遍历表格中的每个复选框，如果它未被选中（`checked`属性为`false`），我们就把它关联的数据ID添加到`selectedIds`数组中。然后你可以打印出这个数组来查看未选中的数据ID。

如果你想在浏览器环境中实时更新这个列表，你可能需要加上一些事件监听（比如`change`事件）来跟踪用户的交互。不过，这通常是配合服务器端的数据库查询来实现的，而非纯前端工作。如果你需要更复杂的数据管理功能，你可能会选择使用前端框架如React或Vue.js，它们提供更好的状态管理和组件化能力。