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

What is best way to make a calculation with input values from a html form?

本文关键字：计算 最佳 是什么 方式 html 表单 输入 使用      更新时间：2023-09-26

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

  1. 价格（固定数字）
  2. 数量（类型为"text"的输入，用户可以在其中输入数字）
  3. 可选的额外（用户可以勾选此复选框以添加数字）

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

我需要表单实时更新，这样用户就可以在数量中输入一个数字，并在框中打勾，结果就会实时更新。不幸的是，当字段中有更新时，我一直无法找到设置变量的方法，请查看下面的链接，了解我迄今为止所做的工作。

http://jsbin.com/tapen/2/watch?html，css，js，输出

使用Jquery可以很容易地访问输入字段的值，或者将事件设置为在字段值更改/更新时执行。

作为一个实用的例子，我建议您只使用jquery和html来查看示例计算器的代码：http://firstemission.blogspot.com.br/2012/10/jquery-and-watermark-example.html

相关文章：