在javascript中使用复选框进行选中和取消选中后，如何减少和增加不同元素的值？

当我检查它时，它可以在一个元素中添加一些值，但我不知道如何从不同的元素中添加和减少它

vary=1；
函数计算（）{
if（document.getElementById（“t1”）.已选中）{
document.getElementById（“demo”）.innerHTML=z=y+1；
if（document.getElementById（“t1”）.反向）{
document.getElementById（“demo”）.innerHTML=z=y-1；
}
}
if（document.getElementById（“t2”）.已选中）{
document.getElementById（“demo”）.innerHTML=z=y+1；
if（document.getElementById（“t2”）.反向）{
document.getElementById（“demo”）.innerHTML=z=y-1；
}
}
}

a1
a2

如果要全局使用z，则在函数外部声明全局变量

明白了！ 你是说这个吗

a1
a2
0
变量y=1；
var z=0；
函数计算（e）{
如果（e.checked）
z=z+1；
其他的
z=z-1；
document.getElementById（“demo”）.innerText=z；
}

带有计数器。增加或减少该值。将该值分配给输出元素的

innerHTML

const demo=document.getElementById（“demo”）；
设makeCounter=function（）{
设privateccounter=0；
功能变更人（val）{
privateccounter+=val；
}
返回{
值：函数（）{
返回私家柜台；
},
增量：函数（）{
变更人（1）；
},
减量：函数（）{
兑换商（-1）；
}
}
};
让myCounter=makeCounter（）；
函数值（el）{
el.checked？myCounter.increment（）：myCounter.decrement（）；
demo.innerHTML=myCounter.value（）；
}

a1
a2

这里是另一种没有任何变量的方法。每次单击复选框时都会重新建立计数：

const qs=s=>document.querySelector，
qsa=s=>document.querySelectorAll；
qs（“body”）.addEventListener（“单击”，ev=>ev.target.name=='model'
qs（“#demo”）.innerText=qsa（'input:checked'）。长度
: 0);
a1
a2
0
您可以只在所需元素上记录document.getElementById？然后使用这些值进行计算，
z
在哪里定义和使用？
.reversed
应该做什么？顶部提示。使用自注释变量和函数名！非常感谢你的结果。让它更简单更好。非常感谢您的结果。让它更简单、更好。