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

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

  //返调页面数据的ajax
function sstart(){ $.ajax({
type:"POST",
url:url,
data:o,
success:function(t) { //将选中的复选框状态显示出来
$(".click_checkbox").each(function(){
var v=$(this).val();
if ($.inArray(v,sel_a)!=-1){
$(this).prop("checked",true);
}
})
},
error:function(e){
$.dengdai.close();
$.alert("提交失败,请检查网络");
}
}); }
上一篇:Javascript DOM 03 表格添加、删除 + 搜索


下一篇:树形DP入门详解+题目推荐