javascript - 如何通过在角度 8 中选中的复选框获取表的 td 值
问题描述
我的问题很简单。我试图通过选中复选框来获取 td 值。当我单击复选框时,我想获得相同的行产品名称。怎么做?
演示:https ://stackblitz.com/edit/angular-ol2sir?file=src/app/app.component.ts
app.component.ts:
getProoduct(e){
if(e.target.checked)
{
const target = e.originalEvent.toElement.closest('tr');
let tdProduct= target.querySelector('td:nth-child(3)').innetText;
console.log(tdProduct);
}
}
解决方案
只需将您的复选框 td 替换为
<td> <input type="checkbox" [(ngModel)]="data.isSelected" (change)="getProoduct(data.isSelected, data.product_name)"> </td>
现在的功能与
getProoduct(isSelected, product){
console.log(isSelected, product)
}
完整的工作示例:https ://stackblitz.com/edit/angular-glxfq5
实际上,您可以直接传递data
给该函数并拥有所有可用的字段以防您p_id
将来还需要或任何其他字段。
推荐阅读
- python - 使用 selenium 和 python 抓取数据时遇到问题
- python - Python Cryptography Fernet:解密时出错
- sonarqube - 如何将 SonarQube 服务器从 localhost 更改为 https
- ios - 可以在应用程序 iOS 中使用 DFPBannerView 打开广告吗?
- sql - SQL:按案例语句分组以对行值求和
- python - Python多处理,共享类实例不起作用
- pentaho - 如何修复 PDI 中的字体颜色?目前所有字体都是白色的
- google-drive-api - 如何将谷歌驱动器文件夹连接到谷歌colab
- android - Webrtc Android 视频通话录音
- c - K&R c编程书3.7修剪功能示例