В этой статье будет описана процедура установки и снятия флажка с помощью JavaScript.
Как установить/снять флажок с помощью JavaScript?
Чтобы установить или снять флажки в JavaScript, используйте « проверил атрибут. Во-первых, получите ссылку на HTML-элемент « флажок ” с помощью назначенного ” я бы ' с использованием ' получитьэлемент по идентификатору() », а затем примените метод « проверил имущество по его стоимости.
Пример 1: установите/снимите флажок с одного флажка
Сначала создайте файл HTML со следующими строками кода:
< h3 > Нажимайте кнопки, чтобы установить или снять флажок h3 >
< тип ввода знак равно 'флажок' я бы знак равно 'флажок' > Согласен с условиями < бр >< бр >
< тип кнопки знак равно 'кнопка' по щелчку знак равно 'Проверьте()' > Да кнопка >
< тип кнопки знак равно 'кнопка' по щелчку знак равно 'снять отметку()' > Неа кнопка >
В приведенном выше коде:
- Создайте флажок с идентификатором « флажок », который будет использоваться для доступа к элементу « флажок » для выполнения действий.
- Создайте две кнопки « Да ' а также ' Неа ', чтобы установить или снять флажок, который активирует функцию ' Проверьте() ' а также ' снять отметку() ” соответственно по событию клика.
После выполнения приведенного выше кода вывод будет таким:
Затем определите функции для выполнения действий с флажком в файле JavaScript или тегом. Чтобы установить флажок, используйте следующие строки кода:
функция Проверьте ( ) {
пусть ввод знак равно документ. получитьэлементбиид ( 'флажок' ) ;
вход. проверил знак равно истинный ;
}
В приведенном выше коде:
- Определить функцию Проверьте() », который вызовет нажатие кнопки, чтобы установить флажок.
- Внутри тела функции получите ссылку на флажок, используя его идентификатор флажок » с помощью « получитьэлемент по идентификатору() ” и сохраните его в переменной “ вход ».
- Установите флажок, установив « проверил ' имущество ' истинный ».
Чтобы снять флажок, нажмите « Неа ”, используйте приведенный ниже код:
функция снимите флажок ( ) {пусть ввод знак равно документ. получитьэлементбиид ( 'флажок' ) ;
вход. проверил знак равно ЛОЖЬ ;
}
Приведенный выше фрагмент кода:
- Определить функцию снять отметку() », который вызовет нажатие кнопки, чтобы снять флажок.
- Внутри тела функции получите ссылку на флажок, используя его идентификатор флажок » с помощью « получитьэлемент по идентификатору() ” и сохраните его в переменной “ вход ».
- Снимите флажок, установив « проверил ' имущество ' ЛОЖЬ ».
Наконец, определите функцию для снятия флажка по умолчанию при загрузке страницы с помощью « окно.onload ' мероприятие:
окно. в процессе знак равно функция ( ) {окно. addEventListener ( 'нагрузка' , Проверьте , ЛОЖЬ ) ;
}
Выход
Вывод означает, что флажок установлен и снят успешно при нажатии на кнопки.
Пример 2: установите/снимите несколько флажков
Давайте посмотрим на пример того, как установить или снять все флажки одновременно.
Сначала создайте файл HTML, а затем создайте несколько флажков и кнопку с идентификатором « переключать », который будет переключать флажок, чтобы установить или снять флажок:
< h3 > Нажмите кнопку, чтобы установить или снять все флажки h3 >< тип ввода знак равно 'флажок' учебный класс знак равно 'флажок' > Отметить или снять отметку со мной < бр >
< тип ввода знак равно 'флажок' учебный класс знак равно 'флажок' > Отметить или снять отметку со мной < бр >
< тип ввода знак равно 'флажок' учебный класс знак равно 'флажок' > Отметить или снять отметку со мной < бр >
< тип ввода знак равно 'флажок' учебный класс знак равно 'флажок' > Отметить или снять отметку со мной < бр >
< тип ввода знак равно 'флажок' учебный класс знак равно 'флажок' > Отметить или снять отметку со мной < бр >< бр >
< тип ввода знак равно 'кнопка' я бы знак равно 'переключать' ценность знак равно «Нажмите, чтобы переключить флажки» >
Соответствующий вывод будет:
После этого в файле JavaScript или теге