首页 > 解决方案 > 使用按钮将值复制到另一个输入

问题描述

我有两个输入数字字段,用一些 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

在此处输入图像描述

标签: javascriptjquery

解决方案


使用以下代码JS Fiddle

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

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


推荐阅读