javascript - 如何在数字中添加加号 - Bootstrap TouchSpin Spinner

Question

我正在处理下面的代码。如何为大于 0 的数字添加 + 或从小于 0 的数字中删除 - 符号使用 Bootstrap TouchSpin library ？

$("input[name='demo1']").TouchSpin({
  min: -6,
  max: 6,
  step: 0.25,
  decimals: 2,
  boostat: 5,
  maxboostedstep: 10
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>
<input id="demo1" type="text" value="0" name="demo1">

Answer 1

您可以为 input 的 change 事件添加一个事件监听器，并为输入的值添加一个加号 (+)，如果它是正的change 事件由插件在原始输入上触发，并且可以被监听。

$("input[name='demo1']").TouchSpin({
  min: -6,
  max: 6,
  step: 0.25,
  decimals: 2,
  boostat: 5,
  maxboostedstep: 10
}).change(function(){
  var val = $(this).val();
  if(parseFloat(val)>0){
    $(this).val("+"+val);//add + for positive numbers
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>
<input id="demo1" type="text" value="0" name="demo1">