jQuery DataTables 获取选中行数据
2024-08-22 09:27:21
如题
想获取操作 DataTables 获取选中行数据
案1、主要是利用 js getElementsByTagName 函数 然后对获取到的tr 进行操作 如下
function getCheckAllSum() {
var sumAll = 0;
//获取 id 是 skuTrayInfo table 的 所有的 tr
var trList = document.getElementById("skuTrayInfo").getElementsByTagName("tr");
for (var i = 0; i < trList.length; i++) {
//tr 的 第一个 td 放的是 checkbox 判断checkbox 是否选中
if (trList[i].firstElementChild.firstElementChild.checked) {
//trList[i].firstElementChild 当前 tr 的第一个 td
//nextElementSibling 是表示 下一个节点 即 下一个 td
var qty = trList[i].firstElementChild.nextElementSibling.innerHTML.trim();
sumAll= sumAll + parseInt(qty);
}
}
console.log(sumAll);
}
案2、因为用了jQuery DataTables 插件 所以 查了下 DataTables 有没有带的可用的API 果然有一个 fnGetNodes 的函数可用
var tbl = $("#tblSkuTray").dataTable();
var trList = tbl.fnGetNodes();
for(i=0;i<trList.length;i++){
var trObj = trList[i];
//接下来就和 案1 的一样了 就只写个输出 不做实现了
console.log(trObj.firstElementChild.firstElementChild.checked);
}
最新文章
- sqlserver 查找某个字段在哪张表里
- Android中关于dip和px以及转换的总结
- [转]使用URLDecoder和URLEncoder对中文进行处理
- linux kernel i2c底层代码跟踪
- opencv的高斯混合模型
- linux下串口控制
- IOS开发实现录音功能
- Ural 1086 - Cryptography
- [codeforces631E]Product Sum
- 学习日志1 :java 三大框架 了解
- Linux文件夹文件改英文
- JavaScript基础视频教程总结(101-110章)
- 利用ssh操控远程服务器
- 常用七种排序的python实现
- iOS UI进阶-6.0 手势
- win10 添加项目右键用vscode打开
- IPsec学习笔记
- ubuntu下查看windows的 txt 文件乱码
- 张高兴的 Windows 10 IoT 开发笔记:无线收发芯片 nRF24L01
- 【spoj NSUBSTR】 Substrings