jQuery弹出表单录入商品信息无刷新追加行

所属分类:其他-杂项

 31637  379  查看评论 (2)
分享到微信朋友圈
X
jQuery弹出表单录入商品信息无刷新追加行 ie兼容8
$('.innerbtn').click(function(){
        $(this).next('.pop_box').slideDown('400');
    });
    $('.closepop').click(function(){
        $('.pop_box').slideUp('400');
    });
 
    $('.tbody1').on("click",".alonTr .innerbtn",function(){
        $(this).next('.pop_box').slideDown('400');
    })
    $('.tbody1').on("click",".alonTr .closepop",function(){
        $('.pop_box').slideUp('400');
    })
 
// 新增表单
    var show_count = 20;  
    var count = 1;  
    $(".AddTr").click(function () {
        var length = $(".tabInfo .tbody1>tr").length;
        //alert(length);
        if (length < show_count) 
        {
            $(".model1 tbody .alonTr").clone().appendTo(".tabInfo .tbody1");  
        }
    });
 
 
// 新增内件
    var show_count2 = 20;  
    var count2 = 1;  
    $(".addtr2").click(function () {
        var length = $(this).parent('.btn_a1').prev('.neijian').children('.tbody2 tr').length;
        //alert(length);
        if (length < show_count2) 
        {
            $(".model2 tbody tr").clone().appendTo($(this).parent('.btn_a1').prev('.neijian').children('.tbody2'));  
        }
    });
 
    // 动态的新增内件
    var show_count3 = 20;  
    var count3 = 1;  
    $(".tbody1").on("click",".dtadd",function () {
        var length = $(".neijian .tbody2 tr").length;
        //alert(length);
        if (length < show_count3) 
        {
            $('.model2 tbody tr').clone().appendTo($(this).parent('.btn_a1').prev('.neijian').children('.tbody2'));  
        }
    });
});
 
 
function deltr(opp) {
    var length = $(".tabInfo .tbody1>tr").length;
    //alert(length);
    if (length <= 1) {
        alert("至少保留一行");
    } else {
        $(opp).parent().parent().remove();//移除当前行
         
    }
}
// ----
 
function deltr2(opp) {
    var length = $(this).parent('.btn_a1').prev('.neijian').children('.tbody2 tr').length;
    //alert(length);
    if (length <= 1) {
        alert("至少保留一行");
    } else {
        $(opp).parent().parent().remove();//移除当前行
         
    }
}
// ----
 
function deltr3(opp) {
    var length = $('.neijian .tbody2 tr').length;
    //alert(length);
    if (length <= 1) {
        alert("至少保留一行");
    } else {
        $(opp).parent().parent().remove();//移除当前行
         
    }
}


相关插件-杂项

jQuery字体自适应插件textfit

优点:体积小,使用方法简单,一看就会
  杂项
 24543  337

jquery在线客服

jquery在线客服代码
  杂项
 55945  427

注册分步骤表单

注册分步骤表单
  杂项
 59378  621

淘宝商品动态生成SKU表格实例

淘宝商户端发布商品时动态生成SKU表格的实例
  杂项
 36674  343

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    启小炽 0
    2020/4/24 8:02:31
    就行知道怎么谈出小窗口 回复
    圣瓦伦丁 0
    2018/1/18 16:18:55
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复