javascript - 选择表中的多行项目

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>