Question

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

我已经解决了这么多代码，但我知道我必须遗漏一些简单的东西。

有人有什么想法吗？

SCRIPT

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

Answer 2

试试这个

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

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

2 个答案: