JS选中checkbox后获取table内一行TD所有数据的方法
网络编程 2025-03-13 19:33www.168986.cn编程入门
深入JavaScript中如何通过Checkbox选中事件获取Table内行数据
```html
function getRowData(checkbox) {
// 获取checkbox所在的行
var tr = checkbox.closest('tr');
// 获取该行的所有单元格数据
var tds = tr.getElementsByTagName('td');
var rowData = [];
for (var i = 0; i < tds.length; i++) {
rowData.push(tds[i].textContent || tds[i]nerText); // 获取单元格文本内容
}
// 输出数据或者进行其他处理
console.log(rowData); // 可以替换为alert或者其他处理方式
}
数据1 | 数据2 | 数据3 |
```
这段代码的核心是`getRowData`函数。当用户点击复选框时,这个函数会被调用。它首先通过`closest('tr')`方法找到复选框所在的行(`
上一篇:webstrom Debug 调试vue项目的方法步骤
下一篇:没有了
编程语言
- JS选中checkbox后获取table内一行TD所有数据的方法
- webstrom Debug 调试vue项目的方法步骤
- 原生JS实现网页手机音乐播放器 歌词同步播放的
- WebStorm安装配置教程
- Asp.net 后台添加CSS、JS、Meta标签的方法
- Markdown+Bootstrap图片自适应属性详解
- javascript自执行函数
- php计算两个坐标(经度,纬度)之间距离的方法
- Vue中img的src属性绑定与static文件夹实例
- 可以获得文件的文件名的asp函数
- jQuery使用cookie与json简单实现购物车功能
- 解决JavaScript中0.1+0.2不等于0.3问题
- jQuery Chosen通用初始化
- 详解使用php-cs-fixer格式化代码
- PHP 获取文件权限函数介绍
- vue- WebStorm设置快速编译运行的方法