Queria poder excluir vários registros de uma tabela apenas selecionando os registros usando o checkbox
, igual o Gmail, eu seleciono os e-mails que quero excluir ou marcar como lido. Pois quando preciso excluir algum registro ainda tenho que ficar excluindo um de cada vez.
Sou muito leigo em JS
, até que eu consegui mostrar em um alert o array com os ids que o usuário selecionou, mas não sei como executar uma instrução sql para excluir os registros marcados, a ideia seria excluir assim que o usuário clicar em "OK" dentro do alert.
Andei pesquisando na internet mas ainda fiquei com duvidas, alguns exemplos usavam ajax.
Código de exemplo
<script type="text/javascript">
function coletaDados() {
var ids = document.getElementsByClassName('editar');
coletaIDs(ids);
}
function coletaIDs(dados) {
var array_dados = dados;
var newArray = [];
for (var x = 0; x <= array_dados.length; x++) {
if (typeof array_dados[x] == 'object') {
if (array_dados[x].checked) {
newArray.push(array_dados[x].id)
}
}
}
if (newArray.length <= 0) {
alert("Selecione um pelo menos 1 item!");
} else {
alert("Clique em OK para confirmar a exlusão do(s) registro(s) : [ " + newArray + " ]");
}
}
</script>
<?php
// Variáveis declaradas somente para ilustrar o exemplo
$id1 = "1";
$id2 = "2";
$id3 = "3";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tabela de Exemplo</title>
</head>
<body>
<table border="1" width="10%">
<tr>
<td>Registros</td>
</tr>
<tr>
<td><input type="checkbox" class="editar" id="<?php echo "$id1"; ?>"> A</td>
</tr>
<tr>
<td><input type="checkbox" class="editar" id="<?php echo "$id2"; ?>"> B</td>
</tr>
<tr>
<td><input type="checkbox" class="editar" id="<?php echo "$id3"; ?>"> C</td>
</tr>
<tr>
<td colspan="2"><button onclick="coletaDados()" class="btn btn-primary" style="width:100%">Excluir</button></td>
</tr>
</table>
</body>
</html>