更改多个输入的值[重复]答案

【问题标题】：Changing the value of multiple inputs [duplicate]更改多个输入的值[重复]
【发布时间】：2023-04-05 21:48:02
【问题描述】：

抱歉这个简单的问题。我有一个包含多个输入字段的表单。

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

【问题讨论】：

你添加jquery插件了吗

标签： javascript jquery html

【解决方案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>

【讨论】：

【解决方案2】：

将您的 jQuery 代码更改为以下内容：

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

【讨论】：

【解决方案3】：

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

或

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

【讨论】：