javascript - 如何使用 javascript 使用链接将值从一个文本输入复制到另一个文本输入

Question

我已经搜索并找到了使用复选框执行此操作的方法，但我想使用链接。

我已经编写了这么多代码，但我知道我一定缺少一些简单的东西。

大家有什么想法吗？

脚本

$(document).ready( function() {
    $("#currencyBtn a").click(function(){
       var value = $('#currencyVal');
       var input = $('.currencyCopy');
       input.val(value);
    });
});

HTML

MAIN  <input type='text' id='currencyVal' value=''><a href='#' id='currencyBtn'>copy</a>

COPY1 <input type='text' class='currencyCopy' value=''>
COPY2 <input type='text' class='currencyCopy' value=''>
COPY3 <input type='text' class='currencyCopy' value=''>
COPY4 <input type='text' class='currencyCopy' value=''>

Fiddle example

Answer 1

您选择器错误:

$("a#currencyBtn").click(function(){ // target the anchor with an ID of `#currencyBtn`
  // #currentBtn a | not an element with an ID of `#currencyBtn` with a child anchor
  var value = $('#currencyVal');
  var input = $('.currencyCopy');
  // value.val() // get the value first
  input.val(value.val());
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
MAIN  <input type='text' id='currencyVal' value=''>
<a href='#' id='currencyBtn'>copy</a><br>
<br>
COPY1 <input type='text' class='currencyCopy' value=''><br>
COPY2 <input type='text' class='currencyCopy' value=''><br>
COPY3 <input type='text' class='currencyCopy' value=''><br>
COPY4 <input type='text' class='currencyCopy' value=''><br>