如何检查所有复选框并通过分页检查它们

时间:2013-05-09 15:38:34

标签: javascript pagination checkbox

我有一个脚本,它检查一个组中的所有复选框,哪个工作得很好,另一个用于传递复选框值超过分页,所有工作正常唯一的问题是当我点击check all框时它会检查所有第1页上的页面,但是当我单击第2页时,只检查了所有复选框,尽管查询工作正常。如果我单独单击所有复选框,那么它们会通过分页罚款,所以我不知道为什么check all按钮没有。我希望这样当你点击全部检查时,所有的方框都会通过分页进行检查。

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

<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);

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

1 个答案:

答案 0 :(得分:0)

它与代码的工作方式有关。我建议检查/取消检查应该影响后备数据的内存中副本。 EG如果您有一个表示复选框的数组,请在数组中设置check / uncheck,然后渲染数组以选中/取消选中相应的复选框。这样,当你全部检查时,所有的数组单元都被设置为检查!当您从一个页面更改为另一个页面时,只需读取相应阵列单元格的状态。