javascript - 将值从一个表单字段复制到另一个表单字段(不带复选框)

Question

我想在表单字段中输入一个数字，并让其旁边的字段自动更新为该数字的 2 倍。如果没有复选框之类的东西，我不知道如何做到这一点。

我有这个:

var val = document.form1.field1.value
  if (/^\s*$/.test(val)) {
  }
  else {
    document.form1.field2.value = val * 2
  }

我认为这样做是检查 field1 是否有任何值(否则我只想让字段显示占位符)，如果它确实有值，则会使 field2 = field1 * 2

我的目标是当我在 field1 中输入数字时让 field2 更新。

感谢您的帮助!

Answer 1

添加一个 keyup 处理程序，并将该值解析为数字(它始终是一个字符串)并乘以 2:

<form id="form1">
    <input id="field1" onkeyup="fn(this)" />
    <input id="field2" />
</form>

<script type="text/javascript">
    function fn(elem) {
        var val = parseFloat(elem.value) * 2 || '';
        document.getElementById('field2').value = val;
    }
</script>

FIDDLE