javascript - 添加一个默认输入框，该框可以将其他输入框更改为相同的值

我正在寻找一种输入，可以将所有其他输入更改为相同的值。我发现了一个示例问题，那就是无论我键入哪个框，它都会将所有其他输入框更改为相同的框。我只想要一个可以更改所有其他框的框。有什么办法吗？这也是一个JS Fiddle link

$(function(){
  $('.inpt').on('keyup', function(){
    var val = $(this).val();
    $('.inpt').val(val);
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type ="text" class="inpt" />
    <input type ="text" class="inpt" />
    <input type ="text" class="inpt" />
    <input type ="text" class="inpt" />

最佳答案

只需在要更改其值的框上设置其他类即可：

$(function(){
   $('.inpt-primary').on('keyup', function(){
      var val = $(this).val();
      $('.inpt').val(val);
   })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<input type ="text" class="inpt inpt-primary" />
<input type ="text" class="inpt" />
<input type ="text" class="inpt" />
<input type ="text" class="inpt" />