Вывод заданных блоков на JQuery при клике radio, checkbox и select

Вывод заданных блоков на JQuery при клике radio, checkbox и select

5683
Вывод заданных блоков на JQuery при клике radio, checkbox и select

При разработке сайта часто бывает нужно показывать информационные блоки или выводить текстовую информацию, при клике на такие элементы как radio, checkbox, select.

Приведем рабочие примеры на jQuery для показа блоков при нажатии на выбранное значение. Для этого нужно подключить библиотеку jQuery.

jQuery вывод блока при изменении кнопок radio

Элемент radio может иметь только одно значение. Поэтому при выборе мы скрываем все блоки и показываем только блок с идентификатором (ID) равным значению value. Также по аналогии, для передачи параметров, можно использовать любой data-атрибут.

HTML код:


Инициализация jQuery:


Вывод блока на jQuery при выборе checkbox

Если хотите создать полноценный сайт - нужно уметь работать с checkbox-ами так как они часто используются в разработке интернет магазинов. Пример реализован по предыдущему принципу, а именно, активный чекбокс ID равен показанному блоку с его значением value.

HTML код:


Инициализация jQuery:


Вывод блока на jQuery при изменении элемента SELECT

HTML код:


Инициализация jQuery:

Помогла ли вам статья?
355 раз уже помогла
Комментарии: (0)

КАТЕГОРИИ