多个 Bootstrap touchspin 或 bootstrap-input-spinner答案

【问题标题】：Multiple Bootstap touchspon or bootstrap-input-spinner多个 Bootstrap touchspin 或 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 函数？

【问题讨论】：

标签： javascript python django bootstrap-4

【解决方案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 的编程方式让您几乎可以像使用本机输入字段一样使用它。如果您读出这样的值，您可以在多个微调器之间共享该函数。

【讨论】：