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

 

posted @ 2017-05-20 10:33 残阳丶 阅读(...) 评论(...) 编辑 收藏