Как проверить, установлен ли флажок, используя JavaScript?

Узнайте, как проверить состояние флажка, проверяя, установлен он или нет, с помощью 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независимо от того, установлен ли флажок.

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по браузеру: