如何同步两个文本框的表单值？

Question

大家好我是jQuery的新手.假设我有两个HTML文本框.如果我在文本框A中写入,那么相同的值将转到文本框B,如果我在B中写入,那么它将转到A,与删除文本相同.怎么能在jQuery中完成？

Answer 1

这是一种更加动态的方式:

$(document).ready(function() {
  $(".copyMe").keyup(function() {
    $(".copyMe").val($(this).val());
  });
});

和代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="copyMe" type="text" placeholder="Enter a text"/>
<input class="copyMe" type="text" />
<input class="copyMe" type="text" />
<input class="copyMe" type="text" />

概念证明:http://jsfiddle.net/MQXCt/

Answer 2

这很容易:

$("#textBoxA").keyup(function(){
   $("#textBoxB").val($("#textBoxA").val());
});

$("#textBoxB").keyup(function(){
   $("#textBoxA").val($("#textBoxB").val());
});