javascript - 获取要隐藏和填充的表单字段

Question

我有 3 个字段: 总金额 经常性金额 发生次数

用户将始终输入出现次数，但可以选择输入总金额或重复金额。

这个方程非常简单: 发生次数 * 重复金额 = 总金额

我需要帮助制作一个 Javascript 函数，如果用户开始在总金额字段中输入，则重复金额将被禁用。如果他们首先输入经常性金额，情况也是如此。一旦用户输入了出现次数和任一金额，则应计算剩余金额并替换禁用的字段。

我需要该函数能够允许用户更改任何数字，并重新进行计算。此外，如果用户完全删除某个金额中的某个值，则另一个金额字段应再次激活。

我以前从未编写过 Javascript 代码，只是编辑过。任何帮助我指明正确方向的帮助都将受到赞赏。谢谢

Answer 1

不知道为什么您认为禁用字段是个好主意。我认为从用户体验 Angular 来看，最好允许他们随时编辑任何字段，并根据需要调整其他字段。

<input id="recurring" onchange="onRecurEdit()"> * 
<input id="occurences" onchange="onOccurEdit()"> =
<input id="total" onchange="onTotalEdit()">
<script>      
  var recur = document.getElementById('recurring');
  var total = document.getElementById('total');
  var occur = document.getElementById('occurences');

  function onTotalEdit() {
    recurring.value = total.value / occur.value;
  }

  function onRecurEdit() {
    total.value = occur.value * recur. value;
  }

  function onOccurEdit() {
    total.value = occur.value * recur. value;
  }
</script>