jquery判断多个input框是否选中并提交数据(数据提交成功后对所选的input框进行操作)

版权声明:仅仅菜鸟,愿帮到工作中预bug困惑的您 https://blog.csdn.net/weixin_41716259/article/details/82699310

//遍历后端数据

   //创建table
        var $tabledeliver = $('<table class="tabledeliver">');

       $.each(datadeliver,function(i,e){      //datadeliver后端数据
            //遍历后端数据
            var $trdeliver = $('<tr>');
            var $tddeliver =
                '<td><input class="deliverid" name="deliChk" type="checkbox" data-status='+ e.orderStatus +' data-check='+ e.id + '></td>' +
                '<td  dataname='+ e.id  +'>' + e.name +'</td>' +
                '<td >'+ e.proUnitPrice +'</td>' +
                '<td >' + e.proQuantity + '</td>' ;
            $trdeliver.append($tddeliver);
            $tbodydeliver.append($trdeliver);
            });

//点击显示需要提交信息的窗口

    var chkListDel;
    $(document).on("click",".delivera",function(){
        //创建数组
        var checkedList = new Array();
        if(checkedList.length == 0){
            $("#hintmessage").text("请选择需要填写发票票号的商品").css({"color":"red","margin-left":"20px"});
        }
        $("input[name='deliChk']:checked").each(function(i) {
            $("#hintmessage").text("");
             $(".flowwrite").css('display','block');
   //获取选中input[name='deliChk']的id
             var checkid = $(this).attr("data-check");
             checkedList.push(checkid);
         });
        chkListDel=checkedList;
    });

//点击提交按钮...提交信息

$(document).on("click","#subdata",function(){

//判断input框是否输入内容
         if($("#lognumber").val() == ""){

//鼠标聚焦至input框清空提示内容
             $("input").focus(function(){
                 $("#showerror").text("");
              });

                $("#showerror").text("请填写物流单号!").css("color","red");
                return false;
            }else{
               subhintmsg(chkListDel);
            }
    });

//提交信息发送ajax请求
    function subhintmsg(checkedList){
        $("#hintmessage").text("");
         var logCom = $("#logcompany").find('option:selected').text();
         var logNum = $("#lognumber").val();
         $.ajax({
                url :"/ams-admin/updateLogisticsInfo",
                   type : "POST",
                   async : true,
                   data:{"ids":checkedList,"logisticsCompany":logCom,"logisticsOddNo":logNum},
                 success : function(data){
//                      console.log(data);
                     if (data.status == '200') {

      //遍历数据删除已被选的input所对应的内容
                         $.each(checkedList,function(i,e){
                             $(".deliverid[data-check=" + e + "]").parent().parent().remove();
//                                     console.log(e);
                         })

                         alert('物流信息提交成功');
                    }
                     else{
                         alert('物流信息提交失败'+JSON.stringify(data))
                     };
                     //关闭窗口
                    $('.flowwrite').css('display','none');
                 },
                 error:function(data) {
                    console.log('获取推送信息产生异常:'+JSON.stringify(data));
                    return;
                 }
          });
    }

猜你喜欢

转载自blog.csdn.net/weixin_41716259/article/details/82699310