使用jQuery将值从一个输入镜像到另一个输入

Question

我在这里发现了一些与此相关的帖子，但它们都只能以一种方式工作，例如：

$("#a").on("change",function() { $(".aa").val($(this).val()); });

但我需要弄清楚如何在其中一个输入更新时更改其中一个。目前，我的两个字段看起来是这样的，使用上面的代码从第一个到第二个都很好，但如果有人更改了第二个输入，我需要第一个字段也进行更新。我有多个字段需要应用它，所以我不想只是反转函数。

<input type="text" id="a" class="aa required standard" placeholder="0"/>
<input type="text" class="aa required standard" placeholder="0"/>

Answer 1

既然它们共享同一个类，为什么不直接针对该类并将更改传播到该类的其他字段：

$(".aa").on("change",function() { $(".aa").val($(this).val()); });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="a" class="aa required standard" placeholder="0"/>
<input type="text" class="aa required standard" placeholder="0"/>

你甚至可以将其封装在一个函数中，这样它就可以与其他字段一起使用

function propagateChanges(cls){
$(cls).on("change",function() { $(cls).val($(this).val()); });
}