如何选中所有复选框并在分页过程中保持选中状态

how to check all checkboxes and keep them checked through pagination

本文关键字:过程中 状态 分页 何选中 复选框      更新时间:2023-09-26

我有下面的脚本一个检查所有复选框在一个组的工作很好,另一个传递复选框值在分页和所有工作正常唯一的问题是,当我单击复选框检查所有页面在第1页,但当我单击第2页只有复选框被选中,虽然查询工作正常。如果我单独单击所有复选框,那么它们就会通过分页,所以我不知道为什么选中所有按钮没有。我希望当你点击全选时,所有的复选框在整个分页过程中也保持选中状态。

这是我的脚本,检查所有的复选框

<script type="text/javascript">
           window.addEvent('domready', function() {
     $$('li.head input[type=checkbox]').addEvent('click', function() {
    this.getParent('ul').getElements('input[type=checkbox]').setProperty('checked',  this.checked);
});
 });
  </script>
下面是记住复选框的脚本
     var aa_checkbox;
      function init_checkbox(){
      //setup blank cb cookie
 if(!Cookie.read('cb')){
 Cookie.write('cb', JSON.encode({}));
  }
     //setup "associative array" to match what is currently in the cookie
   aa_checkbox = JSON.decode(Cookie.read('cb'));

//set up each checkbox with class="remember_cb"
 $$('input.remember_cb').each(function(el){
  //mark checked if it is in the cookie
  if(aa_checkbox[el.name]){
  el.checked = 'checked'
  }
  //setup onclick event to put checkbox status in the 
  el.addEvent('click', function(){
    if(el.checked){
    aa_checkbox[el.name] = 1;
    }else{
    delete(aa_checkbox[el.name]);
   }   
  }) 
 })
//save aa_checkbox back into cookie upon leaving a page
window.onbeforeunload = function(){Cookie.write('cb', JSON.encode(aa_checkbox));};
 setup_form();
return true;
 }
  function setup_form(){
 //set up form so that it adds the inputs upon submit.
 $$('form.remember_cb_form').each(function(form){
  form.addEvent('submit', function(ev){
   //clean up previously inserted inputs
   var aa_hidden_insert = $$('input.hidden_insert');
   $each(aa_hidden_insert, function(el){ 
     el.parentNode.removeChild(el);
   })
   var el_form = this;
   //insert hidden elements representing the values stored in aa_checkbox
   $each(aa_checkbox, function(i_value, s_name){
     if(i_value){ 
      var el_input = document.createElement('input');
      el_input.type = 'hidden';
      el_input.value = i_value;
      el_input.name = s_name;
      el_input.setAttribute('class', 'hidden_insert');
      el_form.appendChild(el_input);
    }
  });
});
  });
}
 window.addEvent('domready', init_checkbox);

如果有人能帮助我,我将非常感激,谢谢

这与你的代码如何工作有关。我建议检查/取消检查应该影响后备数据的内存副本。例如,如果您有一个表示复选框的数组,则在数组中设置选中/取消选中,然后渲染该数组以选中/取消选中相应的复选框。这样,当你选中all时,所有的数组单元格都被设置为checked!当从一个页面切换到另一个页面时,只需读取相应数组单元格的状态。