jq:翻页时，保存上页多选框checkbox选中状态

这里主要讲一种：中间的 checkbox 是 通过Ajax调出的。

则翻页时，为了保存上页的选定状态，可在页面中定义一个变量，用来存储选中状态的值。

<input class="click_checkbox" name="userpri[]" value="" type="checkbox">香蕉 <input class="click_checkbox" name="userpri[]" value="" type="checkbox">苹果 <input class="click_checkbox" name="userpri[]" value="" type="checkbox">梨子 <input class="click_checkbox" name="userpri[]" value="" type="checkbox">草莓 <input class="click_checkbox" name="userpri[]" value="" type="checkbox">芒果 

jq代码:(点击一下加入变量中，再点击去除)

//定义一个变量用于存储选中复选框的值
var sel_a=[];
//选中时插入，取消时去除 $(document).on("click",".click_checkbox",function(){ var v=$(this).val(); if ($.inArray(v,sel_a)==-1){ sel_a.push(v); }else{ for(var i=0;i<=sel_a.length-1;i++){ if(sel_a[i]==v){ sel_a.splice(i,1); } } } });

 

数据反调时，显示保存的多选框状态

 1  //返调页面数据的ajax
 2 function sstart(){  3  4  $.ajax({  5 type:"POST",  6  url:url,  7  data:o,  8 success:function(t) {  9 10 //将选中的复选框状态显示出来 11 $(".click_checkbox").each(function(){ 12 var v=$(this).val(); 13 if ($.inArray(v,sel_a)!=-1){ 14 $(this).prop("checked",true); 15  } 16  }) 17  }, 18 error:function(e){ 19  $.dengdai.close(); 20 $.alert("提交失败，请检查网络"); 21  } 22  }); 23 24 25 }

 

转载：http://www.cnblogs.com/echoppy/p/6689986.html

 

转载于:https://www.cnblogs.com/cainiao-Shun666/p/6881591.html