Seleccione toda la casilla de verificación. Se requiere ayuda de paginación: casilla de verificación, paginación.

Actualmente tengo un informe con paginación que muestra 10 registros por página.

Dentro de este informe, también tengo una columna de casilla de verificación para cada registro. Basado en esto,

Quiero incorporar una función "Verificar todo", así quebasado en mi escenario que muestra 10 registros, cuando presiono la casilla de verificación "Verificar todo", me gustaría verificar todos los registros visibles (10 a la vez) en esa página (pageno = 3) y después de eliminar esos 10 registros, el La página debe ser redirigida a la misma página (filename.php) con el mismo número de página (pageno = 3).

www.example.com/filename.php?pageno=3

Respuestas

1 para la respuesta № 1

Usar un marco como jQuery hará que tu vida sea mucho más fácil. Supongamos que la siguiente es la estructura de sus registros:

<table id="report">
<tr><td> <input type="checkbox" id="tr1" /></td><td>..</td><td>...</td></tr>
<tr><td> <input type="checkbox" id="tr2" /></td><td>..</td><td>...</td></tr>
<tr><td> <input type="checkbox" id="tr3" /></td><td>..</td><td>...</td></tr>
<tr><td> <input type="checkbox" id="tr4" /></td><td>..</td><td>...</td></tr>
<tr><td> <input type="checkbox" id="tr5" /></td><td>..</td><td>...</td></tr>
</table>

<input type="checkbox" id="chkAll"/> Select All.

El siguiente código (usando jquery) hará lo necesario:

<script type="text/javascript">
$(document).ready(function(){
$("#chkAll").change(function(){
if($("#chkAll").is(":checked")){
$("#report tr td:first-child").find("input:checkbox")
.attr("checked","checked");
}else{
$("#report tr td:first-child").find("input:checkbox")
.attr("checked","");
}
});
});
</script>

EDITAR: - en función de su código, intente reemplazar su boxes_checkall funcionar con este código;

función boxes_checkall (a, b) { var cbs = a.getElementsByTagName ("input");

        for(var i=0;i<cbs.length;i++)
{
if(cbs[i].type.toLowerCase()=="checkbox")
{
cbs[i].checked = b==1;
}
}
}
</script>

---

0 para la respuesta № 2

Esto podría resolverse usando Javascript. ¿Cómo define los nombres de las casillas de verificación?

Puede hacer un bucle for para cambiar el estado de todas las casillas de verificación que se muestran en este momento.

Si está utilizando un kit de herramientas / framework de javascript como jQuery, esto es muy fácil. Por ejemplo, podría asignar la clase .page- [NUM] a todas las casillas de verificación de una página y luego usar:

$(".page-[NUM]").each(function()
{
this.checked = checked_status;
});

O si usa el mismo nombre para cada casilla de verificación en una página, intente:

$("input[@name=thename]").each(function()
{
this.checked = checked_status;
});

donde "thename" sería el nombre de sus casillas de verificación en esa página.

---