выбрать все checkbox pagination help required

Question

В настоящее время у меня есть отчет с разбивкой на страницы, который отображает 10 записей на страницу.

В этом отчете у меня также есть столбец флажка для каждой записи. Основываясь на этом,

Я хочу включить функцию «Проверить все», поэтому на основе моего сценария, который отображает 10 записей, когда я нажимаю флажок «Проверить все», я бы хотел проверить все видимые записи (10 в то время) на этой странице (pageno = 3), и после удаления этих 10 записей страница должна быть перенаправлена ​​на ту же страницу (filename.php) с тем же номером страницы (pageno = 3).

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

Answer 1

Это может быть решена с помощью Javascript. Как вы определяете имена флажков?

Вы можете сделать цикл for, чтобы изменить статус всех флажков, которые показаны на данный момент.

Если вы используете javascript toolkit/framework как jQuery, это очень просто. Например, вы могли бы дать класс .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.getElementsByTagName ('вход');

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