• jq checkbox 的全选并ajax传参


    /全选按钮
        $("#all").click(function(){
           if(this.checked){    
                $(":checkbox").prop("checked", true);   
            }else{    
                $(":checkbox").removeAttr("checked");
            }
    
        });
    
        $("#form").on('click','.ids',function(){
            var chknum = $("input[name='ids']:checkbox").size();//选项总个数
            var chk = 0;
            $("input[name='ids']:checkbox:checked").each(function () {   
                    chk++;
            });
    
            if(chknum==chk){//全选
                $("#all").prop("checked",true);
            }else{//不全选
                $("#all").removeAttr("checked");
            }
        });
        
        //上下架
         $('#form').on('click','.up,.down',function(){
            var my = $(this);         
            var val = my.data('status');
            var url = my.data('url');
    
            var valArr = new Array;
            $("input[name='ids']:checkbox:checked").each(function(i){
                valArr[i] = $(this).val();
            });
            var vals = valArr.join(',');
    
            
            $.ajax({
                url: my.data('url'),
                method: 'post',
                data: {
                    status: val,
                    ids:vals
                },
                success: function() {
                    $("#all").removeAttr("checked");
                    table.search();
                }
            });
        
        }); 
  • 相关阅读:
    HTML的基本知识
    java script后续
    java script
    CSS
    DAY 33 进程理论与进程方法
    DAY 32 UDP协议、Socketserver模块,并发编程基础
    DAY 30 网络编程基础
    DAY 25多态、反射、异常处理
    DAY 24继承与组合
    DAY 23 面向对象(二)
  • 原文地址:https://www.cnblogs.com/zouzhe0/p/6234606.html
Copyright © 2020-2023  润新知