Alle auswählen Ankreuzfeld Hilfe erforderlich

Question

Ich habe derzeit einen Bericht mit Paginierung, der 10 Datensätze pro Seite anzeigt.

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

Ich möchte eine "Check All" -Funktion, so basierend auf meinem Szenario, das 10 Datensätze anzeigt, wenn ich das Kontrollkästchen "Check All", möchte ich alle sichtbaren Datensätze (10 überprüfen auf dieser Seite (pageno = 3) und nach dem Löschen dieser 10 Datensätze sollte die Seite auf dieselbe Seite (filename.php) mit derselben Seitenzahl (pageno = 3) umgeleitet werden.

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

Answer 1

Diese mit Javascript gelöst werden könnte. Wie definieren Sie die Namen der Checkboxen?

Sie könnten eine for-Schleife ausführen, um den Status aller Kontrollkästchen zu ändern, die gerade angezeigt werden.

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

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

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

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

wo "thename" wäre der Name Ihrer Kontrollkästchen auf dieser Seite.

Answer 2

Mit einigen Framework wie jQuery wird Ihr Leben viel einfacher. 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) wird das Nötige tun:

<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 Ihr boxes_checkall Funktion ersetzt mit dieser 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>