zoukankan      html  css  js  c++  java
  • 复选框 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         }
  • 相关阅读:
    大数减法
    MySQL配置的一些坑
    最大流_Edmonds-Karp算法
    最小生成树两连
    最短路三连
    对拍
    Broadcast
    Intent
    Custom Views
    Fragment
  • 原文地址:https://www.cnblogs.com/raphael1982/p/7865278.html
Copyright © 2011-2022 走看看