获得用户通过按钮单击的行,可以通过以下步骤实现:
以下是一个示例代码(使用纯JavaScript):
HTML部分:
<table>
<tr>
<td>行1数据</td>
<td><button onclick="getClickedRowData(this)">点击</button></td>
</tr>
<tr>
<td>行2数据</td>
<td><button onclick="getClickedRowData(this)">点击</button></td>
</tr>
</table>
JavaScript部分:
function getClickedRowData(button) {
var row = button.parentNode.parentNode; // 获取按钮所在的行
var rowData = {
data1: row.cells[0].innerText, // 获取行中第一个单元格的数据
data2: row.cells[1].innerText // 获取行中第二个单元格的数据
};
// 根据需要进行进一步处理,例如发送到后端或展示在页面上
console.log(rowData);
}
在上述示例中,通过点击按钮触发getClickedRowData
函数,函数中使用DOM操作获取按钮所在的行,并从行中获取相应的数据。最后,可以根据需要进行进一步处理,例如打印到控制台或发送到后端。
云+社区技术沙龙[第25期]
腾讯技术创作特训营第二季第4期
TVP技术夜未眠
技术创作101训练营
中国数据库前世今生
技术创作101训练营
腾讯技术创作特训营第二季第3期
数字化产业研学汇第二期
高校开发者
Techo Day
领取专属 10元无门槛券
手把手带您无忧上云