这里主要讲一种:中间的 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