如何将自动数字应用于所有选择器？

Question

类别：浮动

在此示例中，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>