javascript - 使用按钮将值复制到另一个输入

标签 javascript jquery

我有两个输入数字字段,用一些 jQuery 显示总计。

计算总数:

$('form#lines-form-1 :input[type="number"]').change(function() {
  var tot = 0;
  $('form#lines-form-1 :input[type="number"]').each(function() {
    tot += +this.value;
  });
  $('#tot-qty').text(tot);
});

JSFiddle:https://jsfiddle.net/q3z4w98o/2/

在表格 A 中输入一些数字后,按“总计”以显示结果。

点击“复制”时,如何将总值传输到表单 B 的第一个输入字段?

例如

  1. input1 的值为 1
  2. input2 的值为 1
  3. 总计 = 2
  4. 点击“复制”
  5. input3 的值为 2

enter image description here

最佳答案

使用以下代码JS Fiddle :

$("button.copy-btn").click(function() {
    $('input[name="i3"]').val($("#tot-qty").text());
})

该位复制 #tot-qty 范围内的文本值,并在单击“复制”按钮时将 i3 输入值设置为该值。

关于javascript - 使用按钮将值复制到另一个输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59776572/

相关文章:

javascript - 当按下箭头时 jQuery 更改事件在选择上触发

jquery - 如何循环 .animate JQuery

javascript - jQuery 隐藏 li 元素,然后在按钮悬停时淡入

jquery - jquery 查找某个元素是否有空元素

javascript - X 和 Y 坐标的简单笛卡尔平面,原点位于中心

javascript - Antlr4 基于事件的访客 (javascript)

javascript - 信用卡刷卡器 Javascript 不断发展

javascript - 数据表 "Cannot read property ' 破坏'未定义”

javascript - 如何在 JavaScript 中使用 $.getJSON 检索 python 文件数据?

javascript - 动态创建填充一定值的js数组