了解如何使用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 ,不管复选框是否被选中。