[SOLUCIONADO] ayudita borrar todas las filas seleccionadas con un click

[summerblack]

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:

$tabla .= '<tr id='.$fila['idcliente'].'   >';
 

y cada checkbox tiene el documento del cliente como value

Código PHP:

'<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:

//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;
 

[vick90]

Con esta instruccion en php pero primero debes tener los id's en una cadena id=14,25,18;

Código PHP:

delete from x where id in('$id');
 

Saludos

[summerblack]

No, osea me refiero al que borrar las filas de la tabla osea que se quiten, ese es mi problema, la funcion para borrar los datos del cliente de la BD ya la tengo y funciona en borrar.php

mi problema es cuando selecciono varios checkbox por ejemplo 6, tengo que darle click al boton borrar 6 veces y asi me esta borrando uno por uno y quiero que me borre todo lo seleccionado de una. gracias por responder.

[vick90]

porque no almacenas los ids en un array luego con un for vas rrecoriendo uno por uno y los vas eliminando