如何用JavaScript检查一个复选框是否被选中?

88 阅读1分钟

了解如何使用JavaScript来检查复选框的状态,看它是否被选中

检查该元素的checked 属性。

假设你有这个复选框。

<input type="checkbox" class="checkbox" />

你可以用以下方法查看它是否被选中

document.querySelector('.checkbox').checked

你也可以检查寻找.checkbox:checked 是否没有返回null

document.querySelector('.checkbox:checked') !== null

但我认为寻找.checked 更为干净。

不要使用getAttribute() 寻找checked 属性值,因为如果复选框在默认情况下以这种方式被选中,那就一定是真的。

<input type="checkbox" checked />

也不要检查复选框元素的value 。它总是on ,不管复选框是否被选中。