选择表格中的多行项目

Question

编辑：我没有足够的时间正确地提出这个问题。我用图像重写了这个问题。

所以，我有一张桌子（如下所示）：

每行的数据都是动态填写的。 但是，如果用户想要删除数据（他们可以删除），他们必须单独删除它们。

如何实施“选择”复选框并将“删除”（例如）操作应用于“已检查”项目？

谢谢！ =）

Answer 1

这样的东西？

function inputChanged(event) {
  event.target.parentElement.parentElement.className =
    event.target.checked ? 'selected' : '';
}

function printSelected() {
  var textArea = document.getElementsByTagName('textarea')[0];
  textArea.value = '';

  var selectedRows = document.getElementsByClassName('selected');
  for (var i = 0; i < selectedRows.length; ++i) {
    textArea.value += selectedRows[i].textContent.trim() + '\n';
  }
}

.selected {
  background-color: yellow;
}

<table>
  <tr>
    <td>
      <input type="checkbox" onchange="inputChanged(event)" />
    </td>
    <td>Row 1</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" onchange="inputChanged(event)" />
    </td>
    <td>Row 2</td>
  </tr>
</table>

<button onclick="printSelected()">Print selected rows</button>
<textarea></textarea>