javascript - 更改多个输入的值

Question

很抱歉问了一个简单的问题。我有一个带有多个输入字段的表单。

<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>

我想将所有 class=amount 输入的值更改为 10。我已尝试以下简单脚本，但它似乎不起作用？

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

Answer 1

如果您确实只想更改所有 .amount 的值，则无需迭代它们。

$(".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>