jQuery DataTables 獲取選中行數據

如題函數

想獲取操做 DataTables 獲取選中行數據spa

案一、主要是利用 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); }

案二、由於用了jQuery DataTables 插件 因此 查了下 DataTables 有沒有帶的可用的API  果真有一個 fnGetNodes 的函數可用code

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); }
相關文章
相關標籤/搜索