将AutoNumeric.js应用于整个类

Question

如果有人能帮我做一个简单的AutoNumeric.js应用程序，我会很高兴的。我有以下代码：

小提琴链接：https://jsfiddle.net/yu1s9nrv/8/

<table id="shareInput" class="table_standard">
  <tr>
    <th>Name</th>
    <th>Quantity</th>
    <th>Price</th>
    <th>Growth</th>
    <th>Yield</th>

  </tr>
  <tr>
    <td><input type="text" class="input_field_large" id="shareName" value=""></td>
    <td><input type="text" class="input_field_medium_num" id="shareQty" value=""></td>
    <td><input type="text" class="input_field_medium_dollar" id="sharePrice" value=""></td>
    <td><input type="text" class="input_field_medium_pct" id="shareGrowth" value=""></td>
    <td><input type="text" class="input_field_medium_pct" id="shareYield" value=""></td>


  </tr>
  <tr>
    <td><input type="text" class="input_field_large" id="shareName" value=""></td>
    <td><input type="text" class="input_field_medium_num" id="shareQty" value=""></td>
    <td><input type="text" class="input_field_medium_dollar" id="sharePrice" value=""></td>
    <td><input type="text" class="input_field_medium_pct" id="shareGrowth" value=""></td>
    <td><input type="text" class="input_field_medium_pct" id="shareYield" value=""></td>

  </tr>
</table>

<script>
  window.onload = function() {


    const anElement = new AutoNumeric('.input_field_medium_pct', 0, {
      suffixText: "%"
    });

  };

</script>

我期望的输出是所有具有类input_field_medium_pct的字段都具有所需的AutoNumeric格式，但是它只使用该类格式化第一个字段。文件内容如下：

// AutoNumeric构造函数类也可以接受字符串作为css选择器。在遮罩下，使用QuerySelector，并将自身限制在它找到的第一个元素上。anElement =新AutoNumeric('.myCssClass >输入‘)；anElement =新AutoNumeric('.myCssClass > input'，{ options })；

摘自：https://github.com/autoNumeric/autoNumeric#initialize-one-autonumeric-object

我是JS的新手，我发现AutoNumeric文档说明有点让人困惑，有没有人遇到过这个问题，或者能够解释一下为什么会这样呢？提前谢谢。

Answer 1

您需要使用Autonumeric.multiple作为一次将其应用于多个元素。

 const anElement =  AutoNumeric.multiple('.input_field_medium_pct', 0, {
      suffixText: "%"
 });

检查工作小提琴

另外，查看文档https://github.com/autoNumeric/autoNumeric#initialize-multiple-autonumeric-objects-at-once