Changing the value of multiple inputs

Question

Sorry for the simple question. I have a form with multiple input fields.

<table>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
</table>

I want to change the value of all class=amount inputs to 10. I've tried the following simple script but it doesn't seem to be working?

$(".amount").each(function(){
   this.value = '10';
})

score 3 · Accepted Answer · answered Jan 28 '20 at 05:55

If you really just want to change the value of all .amount, no need to iterate them.

$(".amount").val(10)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
</table>

score 0 · Answer 2 · answered Jan 28 '20 at 05:55

0

Change your jQuery code to the following:

$(".amount").val(100);

answered Jan 28 '20 at 05:55

Vijay Joshi

919
7
17

score 0 · Answer 3 · answered Jan 28 '20 at 05:55

$('.amount').val(10);

OR

$('.amount').each(function(index,element) {

  element.value = 10;

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
  <tr>
    <td><input type="number" name="amount[]" class="amount" value="0"></td>
    <td><input type="text" name="name[]" class="name"></td>
  </tr>
</table>

Changing the value of multiple inputs

3 Answers3