javascript - 如何将 AutoNumeric 应用于所有选择器？

Question

类别: float

在此示例中，AutoNumeric 仅应用于类为 float 的第一个元素输入。

    <script src = "https://unpkg.com/autonumeric" ></script>
    
    <form>   
      <input type="text" class="form-control cell-in-text float" id="26" asp-for="@Model.ListEtpAnswer.ElementAt(26).Answer" />
    <br />
      <input type="text" class="form-control cell-in-text float" id="27" asp-for="@Model.ListEtpAnswer.ElementAt(27).Answer" /> 
     <br /> 
      <input type="text" class="form-control cell-in-text float" id="28" asp-for="@Model.ListEtpAnswer.ElementAt(28).Answer" /> 
     <br /> 
     
    
    <script>
      const autoNumericOptions = {
        allowDecimalPadding: "floats",
        decimalCharacter: ",",
        digitGroupSeparator: "",
        //emptyInputBehavior: "zero",
        watchExternalChanges: true
      };
    new AutoNumeric(".float", autoNumericOptions); 
    </script>

Answer 1

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

<script src = "https://unpkg.com/autonumeric" ></script>
    
    <form>   
      <input type="text" class="form-control cell-in-text float" id="26" asp-for="@Model.ListEtpAnswer.ElementAt(26).Answer" />
    <br />
      <input type="text" class="form-control cell-in-text float" id="27" asp-for="@Model.ListEtpAnswer.ElementAt(27).Answer" /> 
     <br /> 
      <input type="text" class="form-control cell-in-text float" id="28" asp-for="@Model.ListEtpAnswer.ElementAt(28).Answer" /> 
     <br /> 
     
    
    <script>
      const autoNumericOptions = {
        allowDecimalPadding: "floats",
        decimalCharacter: ",",
        digitGroupSeparator: "",
        //emptyInputBehavior: "zero",
        watchExternalChanges: true
      };
    AutoNumeric.multiple(".float",null, autoNumericOptions); 
    </script>