Skip to main content
removeu 20 caracteres do conteúdo
Fonte Link

Já fiz algo parecido, porém ao invés de usar o checkbox criei uma seleção clicando na linha. Uma coisa que não conseguir enxergar no seu código é onde estão as ID's dos que correspondem ao seu banco de dados.

$(document).ready(function() {
 

$('.dataTables_filter input').attr('placeholder', 'Search...').hide();
var table = $("#dtPrincipal").DataTable({ 
 

        data:[

        {0:'<input type="checkbox" class="selectable-item" id="">', 1: 123123, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id1' },
        {0:'<input type="checkbox" id="<v></v>">', 1: 1, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id2' },
        {0:'<input type="checkbox" id="checkbox">', 1: 2, 2: 'caminho', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id3' },
        {0:'<input type="checkbox" id="checkbox">', 1: 3, 2: 'rua', 3: 'as', 4: 'ba', 5:'', 6: 'idX' },
        {0:'<input type="checkbox" id="checkbox">', 1: 4, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id4' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 5, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id5' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 6, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id6' }

        ]
});  





 
var excluir_esses_valores = [];
//Crie um array que você possa adicionar todas as ID's selecionadas na 
//tabela e depois faça uma requisição para seu servidor com esse valores
$("#dtPrincipal  tbody").on('click', 'tr', function()
{     
 var row = table.row(this).data();
                                
  $(this).addClass('selected');  
  excluir_esses_valores.push(row[6]);
  console.log(excluir_esses_valores);

  });

} );

Já fiz algo parecido, porém ao invés de usar o checkbox criei uma seleção clicando na linha. Uma coisa que não conseguir enxergar no seu código é onde estão as ID's dos que correspondem ao seu banco de dados.

$(document).ready(function() {
 

$('.dataTables_filter input').attr('placeholder', 'Search...').hide();
var table = $("#dtPrincipal").DataTable({ 
 

        data:[

        {0:'<input type="checkbox" class="selectable-item" id="">', 1: 123123, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id1' },
        {0:'<input type="checkbox" id="<v></v>">', 1: 1, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id2' },
        {0:'<input type="checkbox" id="checkbox">', 1: 2, 2: 'caminho', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id3' },
        {0:'<input type="checkbox" id="checkbox">', 1: 3, 2: 'rua', 3: 'as', 4: 'ba', 5:'', 6: 'idX' },
        {0:'<input type="checkbox" id="checkbox">', 1: 4, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id4' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 5, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id5' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 6, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id6' }

        ]
});  





 
var excluir_esses_valores = [];
//Crie um array que você possa adicionar todas as ID's selecionadas na 
//tabela e depois faça uma requisição para seu servidor com esse valores
$("#dtPrincipal  tbody").on('click', 'tr', function()
{     
 var row = table.row(this).data();
                                
  $(this).addClass('selected');  
  excluir_esses_valores.push(row[6]);
  console.log(excluir_esses_valores);

  });

} );

Já fiz algo parecido, porém ao invés de usar o checkbox criei uma seleção clicando na linha. Uma coisa que não conseguir enxergar no seu código é onde estão as ID's dos que correspondem ao seu banco de dados.

$(document).ready(function() {

$('.dataTables_filter input').attr('placeholder', 'Search...').hide();
var table = $("#dtPrincipal").DataTable({ 

        data:[

        {0:'<input type="checkbox" class="selectable-item" id="">', 1: 123123, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id1' },
        {0:'<input type="checkbox" id="<v></v>">', 1: 1, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id2' },
        {0:'<input type="checkbox" id="checkbox">', 1: 2, 2: 'caminho', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id3' },
        {0:'<input type="checkbox" id="checkbox">', 1: 3, 2: 'rua', 3: 'as', 4: 'ba', 5:'', 6: 'idX' },
        {0:'<input type="checkbox" id="checkbox">', 1: 4, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id4' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 5, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id5' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 6, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id6' }

        ]
});  
var excluir_esses_valores = [];
//Crie um array que você possa adicionar todas as ID's selecionadas na 
//tabela e depois faça uma requisição para seu servidor com esse valores
$("#dtPrincipal  tbody").on('click', 'tr', function()
{     
 var row = table.row(this).data();
                                
  $(this).addClass('selected');  
  excluir_esses_valores.push(row[6]);
  console.log(excluir_esses_valores);

  });

} );
Fonte Link

Já fiz algo parecido, porém ao invés de usar o checkbox criei uma seleção clicando na linha. Uma coisa que não conseguir enxergar no seu código é onde estão as ID's dos que correspondem ao seu banco de dados.

$(document).ready(function() {


$('.dataTables_filter input').attr('placeholder', 'Search...').hide();
var table = $("#dtPrincipal").DataTable({ 


        data:[

        {0:'<input type="checkbox" class="selectable-item" id="">', 1: 123123, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id1' },
        {0:'<input type="checkbox" id="<v></v>">', 1: 1, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id2' },
        {0:'<input type="checkbox" id="checkbox">', 1: 2, 2: 'caminho', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id3' },
        {0:'<input type="checkbox" id="checkbox">', 1: 3, 2: 'rua', 3: 'as', 4: 'ba', 5:'', 6: 'idX' },
        {0:'<input type="checkbox" id="checkbox">', 1: 4, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id4' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 5, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id5' }
        ,{0:'<input type="checkbox" id="checkbox">', 1: 6, 2: 'rua', 3: 'Eunapolis', 4: 'ba', 5:'', 6: 'id6' }

        ]
});  






var excluir_esses_valores = [];
//Crie um array que você possa adicionar todas as ID's selecionadas na 
//tabela e depois faça uma requisição para seu servidor com esse valores
$("#dtPrincipal  tbody").on('click', 'tr', function()
{     
 var row = table.row(this).data();
                                
  $(this).addClass('selected');  
  excluir_esses_valores.push(row[6]);
  console.log(excluir_esses_valores);

  });

} );