selectați toate ajutor casetă de selectare paginare necesar

Question

selectați toate ajutor casetă de selectare paginare necesar

voturi

0

Am în prezent, un raport cu paginația care afișează 10 înregistrări pe pagină.

În cadrul acestui raport, am, de asemenea, o coloană casetă de selectare pentru fiecare înregistrare. Bazat pe acest lucru,

Vreau să includă o caracteristică „Verificați toate“, realizat pe baza scenariului meu, care afișează 10 înregistrări, atunci când am apăsați „Verificați toate“ caseta de selectare, aș dori să verifice toate înregistrările vizibile (10 la un moment dat) în acea pagină ( pageno = 3) și după ștergerea acestor 10 înregistrări, pagina trebuie redirecționate către aceeași pagină (filename.php), cu același număr de pagini (pageno = 3).

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

checkbox pagination

Întrebat 14/07/2009 la 08:07
sursa de către utilizator bk-aditya

În alte limbi...

2 răspunsuri

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

Acest lucru ar putea fi rezolvate folosind Javascript. Cum definiți numele casetele de selectare?

Ai putea face o buclă pentru a schimba starea toate casetele de validare care sunt afișate în acest moment.

Dacă utilizați un set de instrumente / cadru javascript ca jQuery acest lucru este foarte ușor. De exemplu, ai putea da clasa .page- [NUM] pentru toate casetele de selectare de pe o pagină și apoi utilizați:

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

Sau, dacă utilizați același nume pentru fiecare casetă pe o pagină, încercați:

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

în cazul în care „thename“ ar fi numele checkbox dvs. pe acea pagină.

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

Folosind unele cadru ca jQuery va face viata mult mai ușor. Să presupunem că în urma este structura înregistrările:

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

Următorul cod (folosind jQuery) va face trebuiește

<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: - bazat pe codul, încercați să înlocuiți dvs. boxes_checkall funcție cu acest cod;

Funcția 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>