- Теория
- Теория
Свойство checked
Отлично! Мы сказали JavaScript показывать пароль, если пользователь включил чекбокс. Если чекбокс выключили, пароль должен прятаться. Но сейчас этого не происходит: достаточно поставить галочку один раз, и пароль будет виден всегда. Как это исправить?
Добавим в обработчик событий условную конструкцию и будем проверять, включён ли чекбокс. Если включён, поле с паролем нужно сделать текстовым. А если выключен, то полю нужно вернуть тип password
. Чтобы проверить состояние чекбокса, используем свойство checked
.
Это свойство имеет булево значение: true
, если чекбокс включён, и false
, если нет.
// Проверяем, включён ли чекбокс
if (showPassword.checked) {
// Показываем пароль
} else {
// Прячем пароль
}
Добавим условную конструкцию в обработчик событий и убедимся, что пароль показывается, если поставить галочку, и прячется, если её убрать.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.