Javascript 动态递增变量值并将变量相乘

我在这一页有两个问题
问题1
我有一个文本框和一个表，当文本框的值与表中product id列中的值匹配时，quantity中的值应该增加1
当我运行调试器时，我得到的是值，但if语句不起作用
问题2
数量值应与价格值相乘，并在“总计”列中显示结果。乘法对第一行有效，但对第二行和以后的行无效。为此，我尝试了ID和类
注意
所有行都是从后端动态生成的
提前谢谢

/*增加计费表中的数量*/
$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
var product1=parseInt（document.getElementById（'billing-product-id'）。值）；
var product2=parseInt（document.getElementById（'billing-product-id1'）。值）；
var quanity=parseInt（document.getElementById（'billing-quanity'）.value）；
如果（product1==product2）{
数量=数量+1；
} 
});
});
/*计费表总计*/
$（“#计费数量，#计费价格”）.keyup（函数（）{
$（'账单总额'）.val（$（'账单数量'）.val（）*$（'账单价格'）.val（））；
});

演员表
产品ID
序号
产品ID
品名
量
价格
全部的
这是您需要的代码：


/*增加计费表中的数量*/
$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
var product1=parseInt（document.getElementById（'billing-product-id'）。值）；
var product2=parseInt（document.getElementById（'billing-product-id1'）。值）；
var quantity=parseInt（document.getElementById（'billing-quantity'）.value）|0；
if（product1==product2）{
数量=数量+1；
$（“#计费数量”）.val（数量）；
updateTotal（）；
} 
返回false；
});
});
函数updateTotal（）{
$（'账单总额'）.val（$（'账单数量'）.val（）*$（'账单价格'）.val（））；
}
/*计费表总计*/
$（“#计费数量，#计费价格”）.bind（“keyup change”，updateTotal）

演员表
产品ID
序号
产品ID
品名
量
价格
全部的
试试这种方法。我已经将ID转换为类，因为ID应该是唯一的，而不是重复的。还将功能从单击按钮更改为提交表单，这样可以防止页面重新加载

演示：


/*增加计费表中的数量*/
$（文档）.ready（函数（）{
$（'#添加'）。提交（函数（事件）{
event.preventDefault（）；
$（'.product'）。每个（函数（）{
var输入=$（“#计费产品id”）.val（）；
var id=$（this.find（'.billing product id'）.val（）；
变量数量=$（this）.find（'.billingquantity'）；
var quantityValue=quantity.val（）；
var price=$（this.find（'.billing price'）.val（）；
var total=$（this.find（'.billing total'）；
如果（输入===id）{
quantity.val（++quantityValue）；
总计.val（数量值*价格）
}
});
});
//手动更改数量时更改总数
$（'.billing Quantity'）.change（函数（）{
变量数量=$（this.val（）；
var price=$（this.parent（）.parent（）.find（'.billing price'）.val（）；
$（this.parent（）.parent（）.find（'.billing total'）.val（数量*价格）；
});
});


演员表
产品ID
序号
产品ID
品名
量
价格
全部的
什么是
。等于
？您正在混合java和javascript。那么ID在我现在编辑的文档中必须是唯一的，请再次检查。谢谢你看