Javascript 使用html表单中的输入值进行计算的最佳方法是什么？

我有一个包含3个输入的产品表单

价格（固定数量）

数量（输入type=“text”，用户可以在其中输入数字）

可选额外（用户可以勾选以添加数字的复选框）

到目前为止，我一直在使用Javascript获取html元素的值，然后添加它们并将结果输出到html元素中

我需要表单动态更新，以便用户可以在数量中输入一个数字并勾选该框，结果将实时更新。不幸的是，我一直在寻找一种方法来设置变量时，有一个字段中的更新，请参阅下面的链接，我做了什么到目前为止

---

使用Jquery，访问输入字段的值非常容易，或者设置在字段值更改/更新时将执行的事件

作为一个实际示例，我建议您只使用jquery和html查看示例计算器的代码：