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

 

posted @ 2016-12-29 19:34  桔子木木  阅读(829)  评论(0编辑  收藏  举报