如何在vanilla JavaScript中获取checked复选框的值？

我正在编写这个片段。为什么我无法通过class

.shapes

获取任何选中复选框的

值


document.getElementsByName（'shapes'）。onclick=function（）{
var复选框=document.getElementsByName（'shapes'）[0]。值；
console.log（checkbox.value）；
}

圆圈
钻石
广场
三角
形形色色
返回集合，您必须循环遍历它们，以便将事件分别附加到它们。此外，我建议您使用
addEventListener（）
来附加事件：


document.getElementsByName（'shapes'）.forEach（函数（chk）{
chk.addEventListener（'click'，function（）{
如果（选中此项）{
console.log（this.value）；
}
});
});

圆圈
钻石
广场
三角
形形色色
返回集合，您必须循环遍历它们，以便将事件分别附加到它们。此外，我建议您使用
addEventListener（）
来附加事件：


document.getElementsByName（'shapes'）.forEach（函数（chk）{
chk.addEventListener（'click'，function（）{
如果（选中此项）{
console.log（this.value）；
}
});
});

圆圈
钻石
广场
三角
形形色色
您可以简单地使用method和forEach方法，使用其中包含
更改
功能的addEventListener检查单击了哪个复选框

编辑：如果要在选中复选框时获取复选框的值，可以
checked
属性，然后显示其值

现场演示


let allCheckBox=document.querySelectorAll（“.shapes”）
allCheckBox.forEach（（checkbox）=>{
复选框.addEventListener（'change'，（事件）=>{
if（event.target.checked）{
console.log（event.target.value）
}
})
})

圆圈
钻石
广场
三角
形形色色
您可以简单地使用method和forEach方法，使用其中包含
更改
功能的addEventListener检查单击了哪个复选框

编辑：如果要在选中复选框时获取复选框的值，可以
checked
属性，然后显示其值

现场演示


let allCheckBox=document.querySelectorAll（“.shapes”）
allCheckBox.forEach（（checkbox）=>{
复选框.addEventListener（'change'，（事件）=>{
if（event.target.checked）{
console.log（event.target.value）
}
})
})

圆圈
钻石
广场
三角
形形色色
感谢丢失的Mamun，但有没有办法同时检查复选框的状态？我的意思是，例如，仅当元素被选中时，控制台日志？不在两种状态下？@Behseini，您可以检查
checked
属性，您可以根据该属性记录值，更新答案，请检查：）感谢丢失的Mamun，但是否有任何方法也可以检查复选框的状态？我的意思是，例如，仅当元素被选中时，控制台日志？不在两种状态下？@Behseini，您可以检查
checked
属性，您可以根据该属性记录值，更新答案，请检查：）感谢丢失的AlwayShelling，但是否有任何方法也可以检查复选框的状态？我的意思是，例如，仅当元素被选中时，控制台日志？“不是两种状态都有吗？”贝塞尼回答。在选中状态下工作并在选中时显示值。感谢丢失的AlwayShelling，但是是否有任何方法也可以检查复选框的状态？我的意思是，例如，仅当元素被选中时，控制台日志？“不是两种状态都有吗？”贝塞尼回答。在选中状态下工作，并在选中时显示值。