SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Выборка отмеченых элементов формы

  • Задача 1:

    - подсчитать отмеченные элементы формы (radio, checkbox, option) на странице и вывести результат на экран в модальном окне.

    Показать решение
    • Решение:

      $(function () {
      	alert($(':checked').length);
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра ($(':checked') обращаемся ко всем отмеченным элементам формы, подсчитываем их количество и выводим результат в модальном окне.

      Результат:

      При загрузке страницы, к которой подключен скрипт, на экране появится модальное окно с количеством отмеченных элементов (checked="checked").

  • Задача 2:

    - подсчитать только отмеченные радио кнопки и чек боксы формы (radio, checkbox) на странице и вывести результат на экран в модальном окне.

    Показать решение
    • Решение:

      $(function () {
      	alert($('input:checked').length);
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра ($('input:checked') обращаемся ко всем отмеченным радио кнопкам и чек боксам формы, подсчитываем их количество и выводим результат в модальном окне.

      Результат:

      При загрузке страницы, к которой подключен скрипт, на экране появится модальное окно с количеством отмеченных радио кнопок и чек боксов (checked="checked").

  • Задача 3:

    - подсчитать только отмеченные радио кнопки (radio) на странице и вывести результат на экран в модальном окне.

    Показать решение
    • Решение:

      $(function () {
      	alert($('input:radio:checked').length);
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра ($('input:radio:checked') обращаемся ко всем отмеченным радио кнопкам формы, подсчитываем их количество и выводим результат в модальном окне.

      Результат:

      При загрузке страницы, к которой подключен скрипт, на экране появится модальное окно с количеством отмеченных радио кнопок (checked="checked").

Автор: Super User