如何使用javascript使用链接将值从一个文本输入复制到另一个 - How to copy value from one text input to another with javascript using a link

How to copy value from one text input to another with javascript using a link

我已经搜索并找到了使用复选框的方法，但我想使用一个链接。

我已经完成了这么多代码，但我知道我一定错过了一些简单的东西。

有人有什么想法吗？

脚本

$(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示例

您的选择器错误：

$("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>

试试这个

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