javascript synchronize inputs with same name

Question

I need to synchronize all inputs with same name. I don't know inputs names.

Example:

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

So now I need to synchronize inputs values.

Problem is that I don't know input names. This is what I have so far.

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

rrk · Accepted Answer · 2016-02-18 14:11:22Z

6

Use 'input[name="' + this.name + '"]' selector to get the inputs with same 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="">

answered Feb 18, 2016 at 14:11

rrk

15.9k4 gold badges32 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

javascript synchronize inputs with same name

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related