sélectionnez toute l'aide de pagination case requise

Question

sélectionnez toute l'aide de pagination case requise

voix

0

J'ai actuellement un rapport avec la pagination qui affiche 10 enregistrements par page.

Dans le présent rapport, j'ai aussi une colonne de cases à cocher pour chaque enregistrement. Basé sur ceci,

Je veux intégrer un « Vérifiez tous », donc en fonction de mon scénario qui affiche 10 enregistrements, lorsque j'appuie sur la case « Cocher tout », je voudrais vérifier tous les enregistrements visibles (10 à la fois) dans cette page ( pageno = 3) et après la suppression de ces 10 dossiers, la page doit être redirigé vers la même page (filename.php) avec le même numéro de page (pageno = 3).

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

checkbox pagination

Créé 14/07/2009 à 08:07
source utilisateur bk-aditya

Dans d'autres langues...

2 réponses

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

Cela pourrait être résolu en utilisant Javascript. Comment définissez-vous les noms des cases à cocher?

Vous pouvez faire une boucle pour changer l'état de toutes les cases qui apparaissent au moment.

Si vous utilisez une boîte à outils javascript / jQuery framework comme cela est très facile. Par exemple, vous pourriez donner à la classe .page- [NUM] pour toutes les cases sur une page, puis utilisez:

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

Ou si vous utilisez le même nom pour chaque case à cocher sur une page, essayez:

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

où « lenom » serait le nom de vos cases à cocher sur cette page.

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

En utilisant certains framework comme jQuery vous rendra la vie beaucoup plus facile. Supposons suivante est la structure de vos dossiers:

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

Le code suivant (en utilisant jquery) fera le nécessaire:

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

EDIT: - en fonction de votre code, essayez de remplacer votre boxes_checkall fonction avec ce code;

boxes_checkall fonction (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>