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