Javascript 当数量增加导致价格上涨时

在一张表中，我列出了产品及其数量和价格。我使用加号和减号按钮来增加或减少产品的数量。我还想根据数量增减价格。有人能帮我吗

单位
产品
量
价格

$（'#productSelect'）。更改（函数（）{
var id=$（this.val（）；
如果（id>0）{
$.get（“GetProduct”{
productId:id
}，函数（结果）{
console.log（结果）
$（“#公司”）.text（result.CompanyName）；
$（“#产品”）.text（result.ProductName）；
$（“#数量”）.text（result.ProductQuantity）；
$（“#价格”）.text（result.ProductPrice）；
});
}
})
$（文档）。在（'单击'，'上。值控制'，函数（）{
var action=$（this.attr（'data-action'））
var target=$（this.attr（'data-target'））
var value=parseFloat（$（'[id=“'+target+'“]'））.val（）；
如果（操作==“加”）{
值++；
}
如果（动作==“减”）{
价值--；
}
$（'[id=“'+target+'”]）.val（值）
})

这是我的代码

$（文档）.ready（函数（）{
var priceProduct=$（“#priceProduct”）.attr（“数据价格”）；
var总计=$（“#priceProduct”）.attr（“数据总计”）；
变量数量=1；
$（“.quantity”）。单击（函数（）{
if（$（this）.attr（'data-action'）=='减号'）{
如果（数量=1）{
数量=1；
返回false；
}否则{
数量=数量-1；
total=parseInt（total）-parseInt（priceProduct）；
} 
}否则{
数量=数量+1；
总计=parseInt（价格产品）+parseInt（总计）；
}
$（“数量输入”）.val（数量）；
$（“#priceProduct”）.attr（'数据总计'，总计）
元（“#价格”）。文本（“$”+总计）；
});
元（“#价格”）。文本（“$”+总计）；
});

假设价格是10美元
单位
产品
量
价格
您可以添加CSS吗？因为现在这个表有问题，没有我应用过的CSS那么多。我刚刚设置了表的宽度，没什么了。您的代码非常有用。兄弟，我正在从数据库中得出每种产品的价格。那么，我如何利用数据库的值来实现它呢？你们能指导我吗？嗨，你们是从循环中的数据库渲染的吗？