Идея скрипта очень проста - скрывается сам чекбокс, а лайбел, привязанный к нему (он также реагирует на событие click), оформляется по вашему желанию с помощью CSS. С помощью jQuery динамически добавляется или убирается нужный CSS класс. Красиво! Демо Скачать
Хотите иметь Flash-подобные чекбоксы (флажки) на вашем сайте? Вы не против использовать jQuery? Тогда это статья для вас! Код, который описан ниже, заменит все чекбоксы (флажки) на вашем сайте на такие:
Верхний рисунок - флажок выставлен, нижний - снят. Самое главное, ваш движок, на котором работает сайт, даже не узнает об этом! Все изменения носят чисто визуальный характер и не затрагивают логику работы системы. Демо
Скачиваем и реализуем
jQuery - это прежде всего простота в использовании! Поэтому качем отсюда плагин, раззиповываем и кидаем все это в нужную папку. В файлах CSS необходимо указывать путь на папку, где будут храниться изображения чекбоксов (относительно расположения CSS файла).
Теперь осталось вставить код, который активирует работу чекбоксов:
Здесь path_to - путь к файлам сайта.
Скрипт имеет важные настройки:
checkedLabel - текст, который высвечивается, когда флажок выставлен. (по умолчанию - ON)
uncheckedLabel - текст, который высвечивается, когда флажок снят. (по умолчанию - OFF)