多个 Bootstrap touchspin 或 bootstrap-input-spinner

Posted 2023-02-24

【中文标题】多个 Bootstrap touchspin 或 bootstrap-input-spinner

【英文标题】：Multiple Bootstap touchspon or bootstrap-input-spinner

【发布时间】：2021-05-28 11:13:03

【问题描述】：

我正在使用下面的输入微调器示例：

https://shaack.com/projekte/bootstrap-input-spinner/

我需要为每个产品配备多个微调器。我是否需要一个单独的函数来检测微调器的每个实例的值/更改，因为该函数对微调器的 id 进行操作。

   $inputNet.on("change", function (event) 
       $inputGross.val($inputNet.val() * 1.19)
   )
   $inputGross.on("change", function (event) 
       $inputNet.val($inputGross.val() / 1.19)
   )

我是否需要为每个输入选择动态生成 javascript 函数？

【参考方案1】：

你也可以使用event.target.value或$(event.target).val()来获取回调函数中的值。

$inputNet.on("change", function (event) 
    $inputGross.val(event.target.value * 1.19)
)
$inputGross.on("change", function (event) 
    $inputNet.val(event.target.value / 1.19)
)

bootstrap-input-spinner 的编程方式让您几乎可以像使用本机输入字段一样使用它。如果您读出这样的值，您可以在多个微调器之间共享该函数。