用html表單中的輸入值進行計算的最佳方法是什么？

Question

我有一個帶有3個輸入項的產品表格

1. 價格（固定號碼）
2. 數量（類型為“文本”的輸入，用戶可以在其中輸入數字）
3. 可選的額外選項（用戶可以勾選以添加數字的復選框）

到目前為止，我一直在使用Javascript獲取html元素的值，然后添加它們並將結果輸出到html元素中。

我需要即時更新表格，以便用戶可以在數量中輸入數字並在方框中打勾，然后實時更新結果。 不幸的是，當字段中有更新時，我一直沒有找到一種設置變量的方法，請查看下面到目前為止我所做的鏈接。

http://jsbin.com/tapen/2/watch?html,css,js,output

Answer 1

使用Jquery，很容易訪問輸入字段的值，或者設置事件以在更改/更新字段值時執行。

作為一個實際的示例，我建議您僅使用jquery和html查看示例計算器的代碼： http : //firstemission.blogspot.com.br/2012/10/jquery-and-watermark-example.html