[英]jquery datatable : get selected check box rows
我有以下數據表。 它有一個列列表。 最后一列是一個復選框。
我想獲得勾選復選框的所有行的列表? 是否可以選中復選框來獲取所有數據表行? 我的數據表如下所示
$.fn.dataTable.moment('DD.MM.YYYY');
$('#bankReconDataListing tbody').off('click');
RECON_DATATABLE = $('#bankReconDataListing').DataTable({
"language": __DT,
"select": true,
"order": [
[1, "desc"]
],
"searchable": true,
"destroy": true,
"sAjaxSource": '/bankReconciliationGetData?coa=' + coa + '&toDate=' + toDate + '&fromDate=' + fromDate,
"sAjaxDataProp": "",
"bLengthChange": false,
"pageLength": 20,
"aoColumns": [{ //document date : 0
"mDataProp": null,
{ //Document type //5
//balance
"mDataProp": null,
render: function(data, type, row) {
return data.doctype;
}
},
render: function(data, type, row) {
return "<input type='checkbox' name='" + checkBoxName + "' data-tableinput='checkbox' " +
"id='checkBox" + reconJrnlId + "' value='" + reconJrnlId + "' checked='checked' />";
}
}],
"columnDefs": [],
"initComplete": function() {}
});
給復選框列指定一個類名,比如checkboxclass。 然后,
$('.checkboxclass:checked',table.fnGetNodes()).each(function(){
//what you want to do
}
您可以將事件處理程序附加到表中的復選框。 只要單擊一個復選框,該行就會添加到數組中。 如果未選中,則將其從陣列中刪除。
這是未經測試的,但這樣的事情應該有效:
let arr = [];
$("#tableDiv tbody").on("click", "input[type='checkbox']", function(e) {
let row = $(this).closest('tr');
// Get row data
let data = table.row(row).data();
if (this.checked) {
// Add to array
arr.push(data);
} else {
arr.splice(arr.indexOf(data), 1);
}
});
#tableDiv
只是表的容器。 根據您的應用,您可以使用任何其他適合的選擇器。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.