Controlar Submit de misma página

[Punktruka]

Hola, me gustaría saber si existe alguna herramienta js que me controle la actualización de una misma página hasta que se realice la carga completa de ésta.

Me explico, tengo un página con varios checkbox, y por cada uno de ellos que sean pinchado se debe actualizar la página con valores.

En esta misma página hay un botón que es para pasar a la siguiente página, y por lo tanto necesito que no se pueda pasar a la próxima página hasta que se hayan terminado de ejecutar todas las actualizaciones dirijidas por los check pinchados.

Favor ayudaa...!!!!!!!!!

[Vhan]

quizas puedes hacer una funcion en el onclick del boton, que verifique si todos los checkbox estan seleccionados (.cheked), si esto se cumple redireccionas con document.url (creo que se escribe asi... no tengo mucho tiempo para revisar)

[djaevi]

No se si es esto lo que necesitas con esta funcion el formulario de submit se ejecuta solo si todos los checkbox de la pagina estan tildados...

con esta funcion hago un bucle que verifique si todos los checkbox estan en true

Código PHP:

  function validarCheckbox() {
    var elementos = document.getElementsByTagName('input');
    var controlCheck = true;    
        for (var i=0; i<elementos.length; i++) {
 
// este if hace que solo se verifiquen los elementos del formulario del tipo checkbox    
 
        if (elementos[i].type == 'checkbox') {
 
// en el if este si algun elemento no esta checkeado la variable booleana es false
// y sale del bucle
 
                if (!elementos[i].checked) {
                    controlCheck = false;
                    break;
                }
            }
        }
 
// Si la variable booleana inicial no se altero es porque estan todos encendidos
// entonces hago el submit del formulario con la funcion submit()
 
    if (controlCheck) {
        document.formulario.submit();
    }
} 
   

Este es el codigo html

Código HTML:

<form name="formulario" action="ejemplo.php" method="post">
<input type="checkbox" id="campo1" name="campo1"/>
<input type="checkbox" id="campo2" name="campo2"/>
<input type="checkbox" id="campo3" name="campo3"/>
<input type="button" id="boton" value="validar" onclick="validarCheckbox()"/>
</form> 

Saludos