seleccionar toda la casilla de verificación ayuda de paginación requerida

Question

seleccionar toda la casilla de verificación ayuda de paginación requerida

votos

0

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 característica Comprobar todo, por lo que, basado en mi escenario que muestra 10 registros, cuando presiono la casilla de verificación Verificar todos, 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, la página debe ser redireccionada a la misma página (nombrearchivo.php) con el mismo número de página (pageno = 3).

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

checkbox pagination

Publicado el 14/07/2009 a las 08:07
fuente por usuario bk-aditya

En otros idiomas...

2 respuestas

gernberg · Answer 1 · 2009-07-14 08:22

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

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

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

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

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

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

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

TheVillageIdiot · Answer 2 · 2009-07-14 08:57

Usar un marco como jQuery hará su vida mucho más fácil. Supongamos que seguir 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: basado en su código, intente reemplazar su función boxes_checkall con este código;

function 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>