Javascript 我加上三个输入数字的最大值，它'；s起作用了，但如何添加递增-递减按钮而不丢失最大值？
我需要添加一个三元素8，带有点击+和-按钮。但是，我不希望它将每个元素增加到8。Javascript 我加上三个输入数字的最大值，它'；s起作用了，但如何添加递增-递减按钮而不丢失最大值？,javascript,html,jquery,Javascript,Html,Jquery,我需要添加一个三元素8，带有点击+和-按钮。但是，我不希望它将每个元素增加到8。 //添加选择项链接-https://stackoverflow.com/questions/49644837/set-max-value-of-three-input-numbers-together var max=8； 变量$inputs=$（'input'）； 函数输入（$inputs）{ var总和=0； $inputs.each（函数（）{ sum+=parseInt（$（this）.val（），0）；
//添加选择项链接-https://stackoverflow.com/questions/49644837/set-max-value-of-three-input-numbers-together
var max=8；
变量$inputs=$（'input'）；
函数输入（$inputs）{
var总和=0；
$inputs.each（函数（）{
sum+=parseInt（$（this）.val（），0）；
});
回报金额；
}
$inputs.on（'input'，函数（e）{
var$this=$（this）；
var sum=SUMMINPUTS（$inputs.not）（函数（i，el）{
返回el==e.target；
}));
var value=parseInt（$this.val（），10）| 0；
如果（总和+值>最大值）$this.val（最大值-总和）；
});
//增量-减量值
功能启动（最大值）{
document.getElementById（“myNumber”）.value=parseInt（document.getElementById（“myNumber”）.value）+1；
if（document.getElementById（“myNumber”）.value>=parseInt（max））{
document.getElementById（“myNumber”）.value=max；
}
}
功能下降（分钟）{
document.getElementById（“myNumber”）.value=parseInt（document.getElementById（“myNumber”）.value）-1；
if（document.getElementById（“myNumber”）.value=parseInt（max））{
document.getElementById（“myNumber2”）。值=最大值；
}
}
功能下降2（分钟）{
document.getElementById（“myNumber2”）.value=parseInt（document.getElementById（“myNumber2”）.value）-1；
if（document.getElementById（“myNumber2”）.value=parseInt（max））{
document.getElementById（“myNumber3”）。值=最大值；
}
}
功能下降3（分钟）{
document.getElementById（“myNumber3”）.value=parseInt（document.getElementById（“myNumber3”）.value）-1；
if（document.getElementById（“myNumber3”）.value
-
+
-
+
-
+
函数输入编号（el）
{
var myElements=document.getElementsByClassName（'numbers'）；
var总和=0；
对于（var i=0；我谢谢你，Ankit Singh，但我想通过单击它们周围的+和-按钮来增加和减少值。好的，明白了。我根据你的要求做了一些更改
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
<button type="submit" value="+" onclick="minusoperation(1)" class="minus">-</button>
<input type="number" class="numbers" id="number1" min="0" max="8" onchange="inputNumber(this)" data-prevvalue=0 />
<button type="submit" value="+" onclick="plusoperation(1)" class="plus">+</button>
<button type="submit" value="+" onclick="minusoperation(2)" class="minus">-</button>
<input type="number" class="numbers" id="number2" min="0" max="8" onchange="inputNumber(this)" data-prevvalue=0 />
<button type="submit" value="+" onclick="plusoperation(2)" class="plus">+</button>
<button type="submit" value="+" onclick="minusoperation(3)" class="minus">-</button>
<input type="number" class="numbers" id="number3" min="0" max="8" onchange="inputNumber(this)" data-prevvalue=0 />
<button type="submit" value="+" onclick="plusoperation(3)" class="plus">+</button>
</div>
<script type="text/javascript">
function inputNumber(el)
{
var myElements = document.getElementsByClassName('numbers');
var sum = 0;
for (var i=0;i<myElements.length;i++) {
if(myElements[i].value)
sum = sum+parseInt(myElements[i].value);
}
if(sum<=8)
{
el.dataset.prevvalue = el.value;
} else {
el.value = el.dataset.prevvalue;
}
}
function minusoperation(inputNumber)
{
var el = document.getElementById('number'+inputNumber);
if(parseInt(el.value))
{
el.value = parseInt(el.value)-1;
} else {
el.value = 0;
}
el.onchange();
}
function plusoperation(inputNumber)
{
var el = document.getElementById('number'+inputNumber);
if(parseInt(el.value))
{
el.value = parseInt(el.value)+1;
} else {
el.value = 1;
}
el.onchange();
}
</script>
</body>
</html>