You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

点击按钮时将input1的值传递至input2的实现方案咨询

解决思路与代码实现

嘿,这个需求调整起来超直观,咱们只需要把事件绑定的目标从input1的keyup事件,改成按钮的click事件就搞定啦~

原来的代码是监听input1的键盘输入动作,每敲一个字符就同步一次值到input2。现在要改成点击按钮才触发,具体步骤很简单:

  1. 定位到你的按钮元素(假设它的id是button,如果实际id不一样,记得替换成你自己的选择器就行)
  2. 给这个按钮绑定click点击事件
  3. 在点击事件的处理函数里,先获取input1的当前值,再把这个值赋值给input2

修改后的代码如下:

$(document).ready(function () {
  // 绑定按钮的点击事件
  $("#button").click(function () {
    // 获取input1的当前值
    var value = $("#input1").val();
    // 将值设置到input2中
    $("#input2").val(value);
  });
});

如果你的按钮没设置id,也可以用其他选择器定位它,比如通过class:

// 假设按钮的class是"copy-value-btn"
$(".copy-value-btn").click(function () {
  var value = $("#input1").val();
  $("#input2").val(value);
});

这样设置后,只有当用户点击按钮的时候,才会把input1的内容传递到input2里,完全符合你的需求哦~

内容的提问来源于stack exchange,提问作者bajcepsme

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:28:14