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';
})

标签： javascriptjqueryhtml

Answer 1

如果您真的只想更改 all 的值.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>