すべてのチェックボックスをオンにしてくださいページ区切りヘルプが必要です

Question

現在、ページごとに10個のレコードが表示されているページネーションのレポートがあります。

このレポートには、すべてのレコードのチェックボックス列もあります。これを基にして、

私は10レコードを表示する私のシナリオに基づいて、 "すべてチェック"チェックボックスを押すと、すべての可視レコードをチェックしたいと思います。 （pageno = 3）、その10個のレコードを削除した後、同じページ番号（pageno = 3）の同じページ（filename.php）にページをリダイレクトする必要があります。

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

Answer 1

これはJavascriptを使用して解決することができます。 チェックボックスの名前はどのように定義しますか？

forループを使用して、現時点で表示されているすべてのチェックボックスのステータスを変更できます。

jQueryのようなjavascriptツールキット/フレームワークを使用している場合、これは非常に簡単です。たとえば あなたがクラスに.page- [NUM]ページ上のすべてのチェックボックスにを与えた後、使用することができます

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

それとも、ページ上の各チェックボックスに同じ名前を使用する場合は、試してみてください。

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

"thename"は、そのページのチェックボックスの名前になります。

Answer 2

jQueryのようなフレームワークを使用すると、人生が楽になります。仮定し、次はあなたの記録の構造である：

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

（jqueryのを使用して）次のコードは、ニードフルを行います。

<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： - あなたのコードに基づいて、とあなたboxes_checkall機能を交換してみてくださいこのコード。

関数boxes_checkall（a、b）は {VAR CBS = a.getElementsByTagName（ '入力'）。

 for(var i=0;i<cbs.length;i++) 
     { 
      if(cbs[i].type.toLowerCase()=='checkbox') 
      { 
       cbs[i].checked = b==1; 
      } 
     } 
    } 
</script>