将值从一个表单字段复制到另一个，不带复选框

Copy value from one form field into another without checkbox

本文关键字：另一个 复制 复选框 字段 表单 一个      更新时间：2023-09-26

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

我有这个：

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

我想这会做的是检查field1是否有任何值（否则我只想让字段显示占位符），如果它有值，就会使field2=field1*2

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

谢谢你的帮助！

添加一个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

非常简单。if（document.form1.field1.value！=''）{document.form1.field2.value=document.form1-field1.value；}

Onchange或onkeyup，具体取决于您是否要查找多个数字。

<form name="form1">
<input name="field1"type="text" value="" onchange="fieldChanged(this)"/>
<input name="field2"type="text" value=""/>
</form>
<script type="text/javascript">
function fieldChanged(sender){
  if (parseInt(sender.value) != NaN){  
    document.form1.field2.value = parseInt(sender.value) * 2;
  {
  else {
    alert("Only numbers go there!");
  }
}
</script>

示例FIDDLE

相关文章：