$('.example tbody').on('click', 'tr', function (){
var id = this.id;
var index = $.inArray(id, selected);
if (index === -1)
{
selected.push(id);
} else
{
selected.splice(index, 1);
}
$(this).toggleClass('selected');
});
$('#btn').click(function (){
var dataArr = [];
var rowCount = table.rows('.selected').data().length;
alert(rowCount);
});
Here is the code for select multiple rows. On clicking the button I need to get the selected rows first column value and store in array dataArr[]. Please help me to fix this.
Try this:
DEMO
$('#btn').click(function (){
var dataArr = [];
$.each($("#example tr.selected"),function(){ //get each tr which has selected class
dataArr.push($(this).find('td').eq(0).text()); //find its first td and push the value
//dataArr.push($(this).find('td:first').text()); You can use this too
});
console.log(dataArr);
});
UPDATE
You can get using some native functions of dataTables
too as below:
$('#btn').click(function (){
var dataArr = [];
var rows = $('tr.selected');
var rowData = table.rows(rows).data();
$.each($(rowData),function(key,value){
dataArr.push(value["name"]); //"name" being the value of your first column.
});
console.log(dataArr);
});
UPDATED DEMO
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With