Javascript 使用数据库中的数据创建一个文本字段数组，并使用字段中的值进行计算
我想从数据库中获取商品和商品价格，并使用它为数量和金额创建一个输入字段数组。然后使用Jquery自动获取我键入的数量值，并将其乘以价格，以在每个项目的金额字段中显示金额 同时，还应显示总计值（即所有金额的总和） 这仅限于已选中的项目Javascript 使用数据库中的数据创建一个文本字段数组，并使用字段中的值进行计算,javascript,jquery,html,Javascript,Jquery,Html,我想从数据库中获取商品和商品价格，并使用它为数量和金额创建一个输入字段数组。然后使用Jquery自动获取我键入的数量值，并将其乘以价格，以在每个项目的金额字段中显示金额 同时，还应显示总计值（即所有金额的总和） 这仅限于已选中的项目 材料名称 量 单价 数量 通货 首先，输入应该有不同的ID。 现在，您可以使用onchange事件在输入值更改时调用函数。您可以使用普通javascript来实现这一点。下面是一个例子： <html> <body> <script&
材料名称
量
单价
数量
通货
首先，输入应该有不同的ID。
现在，您可以使用onchange
事件在输入值更改时调用函数。您可以使用普通javascript来实现这一点。下面是一个例子：
<html>
<body>
<script>
function o(id) {
return document.getElementById(id);
}
function updatePrice(id) {
if (!o('qnty'+id).value.match(/^[0-9]+$/)) {
alert('Invalid quantity');
o('total'+id).value = '0';
return false;
}
// Similar check for price
o('total'+id).value = parseInt(o('qnty'+id).value) * parseFloat(o('price'+id).value);
}
</script>
<input name="qnty[]" onchange="updatePrice('1')" id="qnty1">
<input name="price" value="1" onchange="updatePrice('1')" id="price1">
<input name="total_amount[]" id="total1">
</body>
</html>
功能o（id）{
返回文档.getElementById（id）；
}
函数updatePrice（id）{
如果（！o（'qnty'+id）.value.match（/^[0-9]+$/）{
警报（“无效数量”）；
o（'total'+id）。值='0'；
返回false；
}
//类似的价格检查
o（'total'+id）.value=parseInt（o（'qnty'+id）.value）*parseFloat（o（'price'+id）.value）；
}
1
对应于行号，因此您需要更改PHP代码，使其具有行号（可以在循环之前是一个简单的$i=1；
，在每个循环迭代结束时是$i++；
）
<html>
<body>
<script>
function o(id) {
return document.getElementById(id);
}
function updatePrice(id) {
if (!o('qnty'+id).value.match(/^[0-9]+$/)) {
alert('Invalid quantity');
o('total'+id).value = '0';
return false;
}
// Similar check for price
o('total'+id).value = parseInt(o('qnty'+id).value) * parseFloat(o('price'+id).value);
}
</script>
<input name="qnty[]" onchange="updatePrice('1')" id="qnty1">
<input name="price" value="1" onchange="updatePrice('1')" id="price1">
<input name="total_amount[]" id="total1">
</body>
</html>