点击按钮时将input1的值传递至input2的实现方案咨询
解决思路与代码实现
嘿,这个需求调整起来超直观,咱们只需要把事件绑定的目标从input1的keyup事件,改成按钮的click事件就搞定啦~
原来的代码是监听input1的键盘输入动作,每敲一个字符就同步一次值到input2。现在要改成点击按钮才触发,具体步骤很简单:
- 定位到你的按钮元素(假设它的id是
button,如果实际id不一样,记得替换成你自己的选择器就行) - 给这个按钮绑定
click点击事件 - 在点击事件的处理函数里,先获取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
相关产品推荐
相关产品推荐

