javascript - 使用 Jquery/Javascript 使用加/减按钮同步两个输入

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 6 年前。

Improve this question

我只是想问是否有人知道如何在递增或递减其值的同时同步两个输入。每次加/减(使用 Bootstrap)，输入值都会同步到同名的其他输入值。或者手动加/减 JS

Answer 1

为了保持输入同步，它们可以共享一个变量来存储它们的值。获取输入字段的句柄并将其值更新为变量。

这是一个简单的示例:

var one = document.querySelector('input#one');
var two = document.querySelector('input#two');
var add = document.querySelector('button#add');
var subtract = document.querySelector('button#subtract');
var value = 0;

function updateInputs() {
  one.value = value;
  two.value = value;
}

add.addEventListener('click', function() {
  value += 1;
  updateInputs();
});

subtract.addEventListener('click', function() {
  value -= 1;
  updateInputs();
});

updateInputs();