Javascript 如何检查是否选中了多个复选框

Javascript 如何检查是否选中了多个复选框,javascript,html,checkbox,Javascript,Html,Checkbox,我正在研究一种计算器,假设我有一个叫做IQ的全局变量。现在,我有一个带有5个选项的复选框(在本例中为5个不同的人)。我希望每个人在被选中时减少或增加全局变量IQ 我考虑用if语句来实现这一点,但是如果第一个if为true(即一个人被选中,value==person),该怎么办呢。然后代码将向右停止,而不检查其他if语句以查看是否选择了更多的人员/复选框。希望这是我想要的 这是我的HTML代码: <input type="checkbox" name="person" value="fran

我正在研究一种计算器,假设我有一个叫做IQ的全局变量。现在,我有一个带有5个选项的复选框(在本例中为5个不同的人)。我希望每个人在被选中时减少或增加全局变量IQ

我考虑用if语句来实现这一点,但是如果第一个if为true(即一个人被选中,value==person),该怎么办呢。然后代码将向右停止,而不检查其他if语句以查看是否选择了更多的人员/复选框。希望这是我想要的

这是我的HTML代码:

<input type="checkbox" name="person" value="frank"> Frank Aarebrot<br>
<input type="checkbox" name="person" value="gaben"> Gabe Newell<br>
<input type="checkbox" name="person" value="lance"> Lance Armstrong<br>
<input type="checkbox" name="person" value="trond"> Trond Kirkvaag<br>
<input type="checkbox" name="person" value="davy"> Davy Wathne<br>
Frank Aarebrot
加布·纽厄尔
兰斯·阿姆斯特朗
特隆柯克瓦格
戴维·沃特尼

您可以在每个复选框上收听
更改
事件,并相应地计算您的号码。在这里,我创建了一个新的类似地图的对象,其中人名作为键,+-1作为值,以指示weither添加或减去1:

var cbs=document.querySelectorAll('input[type=checkbox][name=person]);
变量plusMinus={
弗兰克:1,
加本:-1,
兰斯:1,
特隆-1,
戴维:1
}
var p=document.getElementById('iq');
p、 textContent='0';
用于(cbs的常数cb){
cb.addEventListener(‘变更’,(e)=>{
var{checked,value}=e.target;
p、 textContent=parseInt(p.textContent)+plusMinus[value]
*((选中)?1:-1)//+-数学
})
}
Frank Aarebrot
加布·纽厄尔
兰斯·阿姆斯特朗
特隆柯克瓦格
戴维·沃特尼


它不检查其他if语句的唯一方法是将它们组合成一个大的if-else块。如果将每个if语句分开,它仍然会计算每个if语句。如果您尝试过javascript代码来说明您遇到的问题,那么应该将其添加到问题中。您已经标记了javascript,因为您将要编写javascript,但您确实应该尝试回答您的问题