如何检查是否使用JavaScript选中了复选框?

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

检查checked元素的属性。

假设您有此复选框:

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

您可以查看是否已使用进行了检查

document.querySelector('.checkbox').checked

您还可以检查是否正在寻找.checkbox:checked不返回null

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

但是我想找.checked更干净。

不使用getAttribute()寻找checked属性值,因为如果默认情况下以这种方式选中此复选框,则始终为true:

<input type="checkbox" checked />

也不要检查value复选框元素。总是如此on,无论是否选中该复选框。

免费下载我的JavaScript初学者手册


更多浏览器教程: