javascript - jquery自动计算表单输入

Question

我有三个表单输入供人们输入某些税率（tax_one、tax_two、sales_tax），然后我有一行用于购买商品的输入。此行包含 price、tax_one、tax_two 和 sales_tax。

我试图弄清楚如何根据用户输入的税率和商品价格来填充商品的税务字段。一件棘手的事情是页面上可能同时有多个项目行，所以我在表单输入名称之后使用“[]”来在提交时获取一个数组。

这是 html 的 jsfiddle，因此您可以了解我要解释的内容。http://jsfiddle.net/SU5jU/3/

理想情况下，当用户更改 price[] 字段中的默认“100.00”时，三个税款字段将根据上述表单税款字段自动填充到各自的金额。我不知道这是否可行，因为我在表单名称上使用了“[]”。

Answer 1

这是您的 jsfiddle 的更新版本：http: //jsfiddle.net/SU5jU/6/

我在表单输入中添加了 ID，如果您想添加更多的总计行，只需将该行的 ID 中的整数加一（我在更新的 jsfiddle 中添加了另一行总计，因此您可以看到这一点）。

Answer 2

这是您在页面上使用的实际 HTML 吗？

如果是，并且您根本无法更改它（即 - 添加类，将表单部分包装在 div 中......）那么您将遇到问题，因为这些[]对 jQuery 属性选择器不友好。