Question

如果有人可以帮助我解决AutoNumeric.js的简单应用程序，我将非常乐意。我有以下代码：

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

我期望的输出是对于 all 类别为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: "%"
 });

检查工作的jsfiddle https://jsfiddle.net/u7mchw3e/

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

将AutoNumeric.js应用于整个类

1 个答案: