В этом руководстве мы расскажем, как ставить и снимать флажки в input type checkbox с помощью JavaScript . Пользователь сможет одним кликом включить или выключить все элементы списка, что значительно сэкономит его время.
Посмотреть результат
Чтобы установить или убрать все флажки в чекбоксах, нужно:
- Создать HTML файл, сделать его разметку, применить форматирование и написать код.
Шаг 1 . Создайте HTML файл , сделайте его разметку, примените стили и напишите код JavaScript .
Мы создали файл HTML и сохранили его как checkbox.html :
Мы написали разметку для input type checkbox JavaScript , и создали две кнопки: одна для того, чтобы выбрать все элементы списка, другая – чтобы отменить выбор всех элементов списка. Две функции – check() и uncheck() ставят или убирают галочки всех чекбоксов. Функция check() проверяет, является ли элемент чекбоксом. Если да, она ставит в нем галочку. Функция uncheck() работает точно так же, как и check() , только снимает галочки со всех чекбоксов.
Вот и все, выбирать или снимать все флажки в input type checkbox при помощи JavaScript просто! Вы можете изменять этот код на ваше усмотрение. Пожалуйста, оставляйте комментарии в форме снизу.
Данная публикация представляет собой перевод статьи « Check And Uncheck Checkboxes Using JavaScript » , подготовленной дружной командой проекта Интернет-технологии.ру
лабораторные работы и задачи по программированию и информатике, егэ по информатике
Объект javascript checkbox
Элемент checkbox идентифицируется:
Свойства элемента checkbox:
Свойство checked
Объект переключатель в javascript — radio и свойство checked
Элемент javascript radio предназначен для выбора только одного единственного варианта из нескольких.
Как устанавливается или снимается галочка с чекбокса (checkbox) с помощью библиотеки jQuery?
Установить галочку у чекбокса с атрибутом id равным myCheckbox:
Поставить галочку у чекбокса с атрибутом name равным myCheckbox
Эту страницу ищут по запросам:
- jQuery убрать галочку у checkbox
- установить галочку у чекбокса с помощью jQuery
- jQuery как снять или установить галочку в checkbox
Добавлено: 27.08.2011 | —>Просмотров : 47472 | —>Рейтинг : 4.3 / 9 |
—>Теги : jquery