通过更改Increment / decrement值jQuery

时间:2019-01-20 22:49:59

标签: javascript jquery

我有一个增量减量输入字段,我想通过加减值来更改其他输入文本字段的值。假设如果从增量减量输入字段中选择了值,则另一个文本字段值出现100,如果值选择2,则另一个字段值出现200,依此类推。到目前为止,我只是创建一个增量减量字段。不知道下一步该怎么做。请帮助我解决这个问题,并原谅我,因为我仍在学习。

这只是简单的加/减输入字段

1 个答案:

答案 0 :(得分:1)

我已经更改了您的JSFiddle,以帮助您在这里。您只需要添加一个新方法来计算新值(100 *计数)并将该值分配给适当的输入框,然后从加号和减号方法中调用该方法即可。

https://jsfiddle.net/jebcnvwd/

var count = 1;
var countEl = document.getElementById("count");

function plus() {
  count++;
  countEl.value = count;
  calculateResult(count);
}

function minus() {
  if (count > 1) {
    count--;
    countEl.value = count;
    calculateResult(count);
  }
}

function calculateResult(count) {
  var resultInt = count * 100;
  var resultInput = document.getElementById("result");
  resultInput.value = resultInt;
}

calculateResult(count);