Hola amigos como pueden ver estoy tratando de borrar todas las filas de una tabla html en un solo click:
Tengo una tabla y cada fila tiene su propio checkbox, cada fila tr tiene como id el documento del cliente:
Código PHP:
Ver original$tabla .= '<tr id='.$fila['idcliente'].' >';
y cada checkbox tiene el documento del cliente como value
Código PHP:
Ver original'<td><input type="checkbox" value='.$fila['idcliente'].'></td>';
En la parte de arriba tengo un botonsito con id='btnBorrar' y quiero que cuando selecciono todos los ckeckbox y le de click al botonsito se desaparezcan todas las filas al mismo tiempo, y de igual manera si selecciono solo 3 de 10 etc...
Ya tengo la primera parte del codigo que borra de manera correcta la fila, pero hay una deficiencia, es que si selecciono 4 checkbox de mi tabla, debo darle 4 clicks al botonsito, es decir debo darle tantos clicks como checks haya seleccionado!!
No se cual es el problema en mi codigo JS pero les agradeceria mucho si me pueden ayudar muchas gracias de antemano y les dejo las funciones:
Código Javascript
:
Ver original//funcion que captura los checkbox seleccionados para borrar los datos y en la respuesta del servidor ejecuta una funcion para quitar la fila
function borrarSeleccionado(){
ajax = Ajax();
for (var i=0;i < document.getElementsByTagName('input').length;i++)
{
var checks = document.getElementsByTagName('input')[i];
if (checks.type == "checkbox")
{
if (checks.checked == true && checks.value!=''){
var tr= document.getElementById(checks.value);
var id = tr.getElementsByTagName("td")[2].innerHTML;
var nombre = tt.getElementsByTagName("td")[3].innerHTML;
ajax.open("POST","borrar.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function()
{
if (ajax.readyState==4 )
{ //funcion para quitar la fila
quitarFila(id);
}
}
query = "id="+id+"&nombre="+nombre;
ajax.send(query);
}
}
}
}
//funcion para quitar la fila
function quitarFila(codigo)
{
ajax = Ajax();
ajax.open("POST", "Contactos/actualizacionContacto.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function (){
if (ajax.readyState==4)
{ //en este div se muestra la tabla que contiene los datos de los clientes
var div = document.getElementById('div').innerHTML;
if(div)
{ //captura la fila tr por su id
var fila2 = document.getElementById(codigo);
if (fila2.parentNode)
{
//borra la fila
fila2.parentNode.removeChild(fila2);
}
}
}
}
ajax.send(null);
}
document.getElementById('btnBorrar').onclick=borrarSeleccionado;