Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 添加新行并计算html表中的分离值_Jquery_Html - Fatal编程技术网

Jquery 添加新行并计算html表中的分离值

Jquery 添加新行并计算html表中的分离值,jquery,html,Jquery,Html,这是我的HTML表格,必须添加新行和更改行才能销售各种产品。我的问题是,当我添加新行并输入平方英尺时,然后正确地计算输出块。如果我输入个数,那么正确地输出平方英尺。如果我一个接一个地这样做,那么没问题,但如果我回到第一排,换平方英尺或小块。所有值都已更改。请随便帮我 $(文档).ready(函数(){ $(“#添加”)。单击(函数(){ 变量类别=$(“#等级id”).val(); //警报(类别) 如果(类别=“”){ 警报(“请选择等级”); }否则{ addNewRow(); } })

这是我的HTML表格,必须添加新行和更改行才能销售各种产品。我的问题是,当我添加新行并输入平方英尺时,然后正确地计算输出块。如果我输入个数,那么正确地输出平方英尺。如果我一个接一个地这样做,那么没问题,但如果我回到第一排,换平方英尺或小块。所有值都已更改。请随便帮我

$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
变量类别=$(“#等级id”).val();
//警报(类别)
如果(类别=“”){
警报(“请选择等级”);
}否则{
addNewRow();
}
})
函数addNewRow(){
/*	
var grade=$(“#grade_id”).val();
//警戒(等级)
$.ajax({
url:“{route('sale.getBrands')}}”,
方法:“获取”,
数据:{grade:grade},
成功:功能(数据){
//警报(数据)
$(“#发票项目”)。附加(数据);
var n=0;
$(“.number”).each(函数(){
$(this.html(++n);
})
}
})*/
$(“#发票项目”)。追加('SelectProduct Code-1001 Product Code-1002 Product Code-1003BDT:0');
}
/*用于删除行-*/
$(“#删除”)。单击(函数(){
$(“#发票项”).children(“tr:last”).remove();
})
$(“#发票_项”).delegate(“.pid”,“change”,function()){
var pid=$(this.val();
var tr=$(this.parent().parent();
//警报(pid)
$(“.overlay”).show();
$('.price').keyup(函数(){
tr.find(“.amt”).html(tr.find(“.qty”).val()*tr.find(“.price”).val());
})
$('.square_英尺').keyup(函数(){
//警报(“正常”)
var order_square_feet=$(this.val();
var total_pices=订单平方英尺/.667;
tr.find('.pices').val(总计);
})
$('.pices').keyup(函数(){
var pices=$(this.val();
var平方英尺=pices*.667;
tr.find(“.平方英尺”).val(平方英尺);
})
})
});

产品信息
股票
平方英尺
皮克斯
价格
挑选
产品代码-1001
产品代码-1002
产品代码-1003
英国存托凭证:0
添加
去除
更正了您的代码

  • 我不明白您为什么将所有事件分配放在下拉列表的
    change
    event中。这将在同一文本框上分配多个键控事件

  • 我为下拉列表的change事件之外的所有文本框分别放置了
    delegate
    事件

  • $(文档).ready(函数(){
    $(“#添加”)。单击(函数(){
    变量类别=$(“#等级id”).val();
    //警报(类别)
    如果(类别=“”){
    警报(“请选择等级”);
    }否则{
    addNewRow();
    }
    })
    函数addNewRow(){
    $(“#发票项目”)。追加('SelectProduct Code-1001 Product Code-1002 Product Code-1003BDT:0');
    }
    /*用于删除行-*/
    $(“#删除”)。单击(函数(){
    $(“#发票项”).children(“tr:last”).remove();
    })
    $(“#发票_项”).delegate(“.pid”,“change”,function()){
    var pid=$(this.val();
    //警报(pid)
    $(“.overlay”).show();
    });
    $(“#发票项”).delegate('.price',keyup',function(){
    $(this.nestest('tr').find(.amt”).html($(this.nestest('tr').find(.qty”).val()*$(this.nestest('tr').find(.price”).val());
    })
    $(“#发票项”).delegate('.square_-feet',keyup',function(){
    //警报(“正常”)
    var order_square_feet=$(this.val();
    var total_pices=订单平方英尺/.667;
    $(this).closest('tr').find('.pices').val(total_pices);
    })
    $(“#发票项”).delegate('.pices',keyup',function(){
    var pices=$(this.val();
    var平方英尺=pices*.667;
    $(this).closest('tr').find('.square_英尺').val(square_英尺);
    })
    });
    
    
    产品信息
    股票
    平方英尺
    皮克斯
    价格
    挑选
    产品代码-1001
    产品代码-1002
    产品代码-1003
    英国存托凭证:0
    添加
    去除
    
    尝试使用此代码

    使用
    $(this.nexist('tr').find('td.square_-feet')
    nexist
    查找其父项
    tr

    $(文档).ready(函数(){
    $(“#添加”)。单击(函数(){
    变量类别=$(“#等级id”).val();
    //警报(类别)
    如果(类别=“”){
    警报(“请选择等级”);
    }否则{
    addNewRow();
    }
    })
    函数addNewRow(){
    /*	
    var grade=$(“#grade_id”).val();
    //警戒(等级)
    $.ajax({
    url:“{route('sale.getBrands')}}”,
    方法:“获取”,
    数据:{grade:grade},
    成功:功能(数据){
    //警报(数据)
    $(“#发票项目”)。附加(数据);
    var n=0;
    $(“.number”).each(函数(){
    $(this.html(++n);
    })
    }
    })*/
    $(“#发票项目”)。追加('SelectProduct Code-1001 Product Code-1002 Product Code-1003BDT:0');
    }
    /*用于删除行-*/
    $(“#删除”)。单击(函数(){
    $(“#发票项”).children(“tr:last”).remove();
    })
    $(“#发票_项”).delegate(“.pid”,“change”,function()){
    var pid=$(this.val();
    var tr=$(this.parent().parent();
    var td=$(this.parent();
    //警报(pid)
    $(“.overlay”).show();
    $('.price').keyup(函数(){
    tr.find(“.amt”).html(tr.find(“.qty”).val()*tr.find(“.price”).val());
    })
    $('.square_英尺').keyup(函数(){
    //警报(“正常”)
    var order_square_feet=$(this.val();
    总风险=订单方