javascript同步具有相同名称的输入

Question

我需要同步所有具有相同名称的输入。我不知道输入名称。

例子:

<input type="text" placeholder="number" name="fields[340]" required="" value="">
<input type="text" placeholder="number" name="fields[340]" required="" value="">

所以现在我需要同步输入值。

问题是我不知道输入名称。这是我目前所拥有的。

var $inputs = $(":input");
$inputs.keyup(function() {
     $inputs.val($(this).val());
});

Answer 1

使用 'input[name="' + this.name + '"]' 选择器获取具有相同名称的输入。

var $inputs = $(":input");
$inputs.on('input',function() {
  $('input[name="' + this.name + '"]').val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" placeholder="number" name="fields[340]" required="" value="">
<input type="text" placeholder="number" name="fields[340]" required="" value="">
<br/>
<input type="text" placeholder="number" name="fields[341]" required="" value="">
<input type="text" placeholder="number" name="fields[341]" required="" value="">