Alle wählen Hilfe Checkbox Paginierung erforderlich

Question

Alle wählen Hilfe Checkbox Paginierung erforderlich

stimmen

0

Im Moment habe ich einen Bericht mit Paginierung, die 10 Datensätze pro Seite angezeigt werden.

In diesem Bericht habe ich auch eine Checkbox Spalte für jeden Datensatz. Basierend auf,

Ich möchte ein „Check All“ Funktion zu übernehmen, so basiert auf meinem Szenario, das 10 Datensätze angezeigt, wenn ich die „Check All“ Checkbox drücken, würde Ich mag alle sichtbaren Aufzeichnungen (10 auf einmal) überprüfen, in die Seite ( pageno = 3) und, nachdem diese 10 Datensätze zu löschen, soll die Seite auf die gleiche Seite (filename.php) mit dem gleichen Seitenzahl (pageno = 3) umgeleitet werden.

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

checkbox pagination

Veröffentlicht am 14/07/2009 um 08:07
quelle vom benutzer bk-aditya

In anderen Sprachen...

2 antworten

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

Dies könnte mit Hilfe von JavaScript gelöst. Wie definieren Sie die Namen der Kontrollkästchen?

Sie könnten eine for-Schleife machen den Status aller Kontrollkästchen zu ändern, die zur Zeit dargestellt sind.

Wenn Sie einen Javascript-Toolkit / Frameworks wie jQuery verwenden ist dies sehr einfach. Zum Beispiel könnten Sie die Klasse geben .page- [NUM], um alle Kontrollkästchen auf einer Seite und dann verwenden:

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

Oder wenn Sie den gleichen Namen für die einzelnen Kontrollkästchen auf einer Seite verwenden, versuchen Sie:

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

wo „theName“ würde auf dieser Seite der Name des Kontrollkästchen sein.

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

einige Frameworks wie jQuery wird Ihr Leben viel einfacher machen. Angenommen, finden Sie Struktur Ihrer Datensätze:

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

Der folgende Code (mit Jquery) tun das Nötige:

<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: - basierend auf Ihren Code, versuchen Sie ersetzen boxes_checkall Funktion mit diesem Code;

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