在表格中选择多行项目

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>