js当html中table中某一行中的checkbox被勾选，点击删除按钮后就将被勾选的所有行内的内容console.log输出

在JavaScript中，你可以通过监听`change`事件来检测表格中checkbox的变化，然后结合`forEach`或`filter`遍历行，找到被勾选的行，并执行相应的操作。以下是一个简单的示例：

假设你的HTML结构如下，其中有一个`tbody`区域用于存储表格数据，`<td>`里有`<input type="checkbox">`和`<button class="delete-btn">删除</button>`元素：

<table>
  <thead>
    <!-- 表头 -->
  </thead>
  <tbody id="table-body">
    <!-- 行数据 -->
  </tbody>
</table>

<button onclick="deleteSelectedRows()">删除已选择的行</button>

对应的JavaScript代码如下：

// 获取tbody元素
const tbody = document.getElementById('table-body');

// 给tbody里的每一项添加事件监听器
tbody.addEventListener('change', function(e) {
  if (e.target.tagName === 'INPUT' && e.target.type === 'checkbox') { // 检查是否是checkbox改变
    const selectedRows = Array.from(tbody.querySelectorAll(':checked')); // 获取所有被选中的行
    selectedRows.forEach(row => {
      row.addEventListener('click', function(event) {
        if (event.target.className.includes('delete-btn')) { // 如果点击的是删除按钮
          console.log(`删除的行内容:`, row.innerText); // 获取并输出行内文本
          // 进一步删除行的操作（这里省略）
          row.remove();
        }
      });
    });
  }
});

function deleteSelectedRows() {
  // 清空已选择行
  [...tbody.querySelectorAll(':checked').closest('tr')].forEach(row => row.remove());
}

这个示例会在表格中的每一行被勾选后，如果点击了删除按钮，会将该行的内容打印到控制台。注意，实际应用中可能还需要实现删除逻辑。