计算html输入字段并允许用户修改所述字段

Calculate html input field and allow user to modify said field

本文关键字：字段用户修改许用户输入 html 计算更新时间：2023-09-26

我是淘汰赛的新用户.js到目前为止，我对基本使用印象深刻。

我希望能够根据以前的字段（yr1 费用）自动计算字段（yr2 费用），但也允许用户更改自动计算字段。然后，此自动计算字段将用于另一个计算（总 Yr2）。我一直在尝试用这个 jsfiddle 来做到这一点，但到目前为止还没有运气。我在示例中找不到有关如何执行此操作的任何信息。

我首先尝试将 yr2 费用设置为可观察量，这不允许自动计算。然后，我尝试将 yr2 费用作为计算值，这不允许使用用户输入更新 yr2 总量。我试图做的事情是不可能的吗？我认为这在财务计算形式中很常见，这就是我这样做的目的。

首先，变量名应该易于理解和意图揭示。使用钝或缩写的名称没有任何好处，例如小提琴中使用的名称。它们令人困惑，这增加了代码维护的难度。如果您打算稍后缩小您的 js，那么名称无论如何都无关紧要。如果你以后需要阅读你的代码，拥有完整、易于理解的名称会有很大帮助。

有两种方法可以实现您所追求的目标。

一种方法是使用订阅者在更改后更改可观察量的计算。请参阅页面底部附近的内容。这是演示此方法的小提琴。对于此示例，我推荐此方法。

注意：我省略了valueUpdate，以便仅在用户完成键入时才进行重新计算。如果使用 afterkeydown，它将提前重新计算，从而导致问题。当您希望重新计算时，请尝试按 [Enter]。

第二种方法是使用可写可观察量（第二个标题，页面下方的 1/3）来制作具有读写方法的computed observables。我认为这种方法不适合这个特定示例，但是链接的KO文档中的示例应该可以让您了解它何时运行良好。