• 复选框 ajax取得后台页面


    首先判断是否勾选了复选框

    1     $("input[name='product']").click(function () {
    2             if($(this).prop("checked")==true){
    3                 alert("点了");
    4             }else {
    5                 alert("取消");
    6             }
    7 
    8         })

    然后点击添加复选框的值到数组,取消则从数组中把复选框的值拿出来
            var id_array=new Array();
            $("input[name='product']").click(function () {
                if($(this).prop("checked")==true){
                    id_array.push($(this).val());
                    alert(id_array);
                }else {
                    removeByValue(id_array,$(this).val());
                    alert(id_array);
                }
    
            })
    
    
            function removeByValue(arr,val) {
                for (var i=0;i<arr.length;i++)
                    if(arr[i]==val){
                    arr.splice(i,1);
                    break;
                    }
            }
    

      最后把所勾选的复选框值数组推送到后台,并且取得页面显示

     1  var id_array=new Array();
     2         $("input[name='product']").click(function () {
     3             if($(this).prop("checked")==true){
     4                 id_array.push($(this).val());
     5                 getresult(id_array);
     6             }else {
     7                 removeByValue(id_array,$(this).val());
     8                 getresult(id_array);
     9             }
    10 
    11         })
    12 
    13 
    14         function removeByValue(arr,val) {
    15             for (var i=0;i<arr.length;i++)
    16                 if(arr[i]==val){
    17                 arr.splice(i,1);
    18                 break;
    19                 }
    20         }
    21 
    22 
    23         function getresult(arr) {
    24             $.ajax({
    25                 url:"{:U('Index/pajax')}",
    26                 data:{
    27                     "id_array":arr
    28                 },
    29                 type:"post",
    30                 success:function(result){
    31                     $("#products").empty();
    32                     $("#page").empty();
    33                     $("#products").html(result);
    34 
    35 //                alert(result);
    36                 }
    37             })
    38         }
  • 相关阅读:
    经典机器学习算法总结
    从0开始学Python---01
    Android-Canvas.save() Canvas.restore() 总结
    Android-属性动画原理总结
    设计模式-外观模式
    设计模式-模板方法
    设计模式-装饰者模式
    设计模式-策略模式
    设计模式-工厂方法模式
    设计模式-简单工厂模式
  • 原文地址:https://www.cnblogs.com/raphael1982/p/7865278.html
Copyright © 2020-2023  润新知