Июл

16

Совет дня - как проверить состояние чекбокса (checkbox) с помощью jQuery

By masster

Для версии jQuery 1.3.*

$('input[type=checkbox][checked]').each(
    function() {
       alert("Я отмечен!");
    }
);

Можно также проверить значение атрибута checked

$(".checkbox_class").change(function(){
		if($(this).is(":checked")){
		alert("Я отмечен!");
		}
	});

или используя метод attr

$('#checkBox').attr('checked')

Июл

16

Оригинальные чекбоксы и радиокнопки c помощью jQuery

By masster

checkbox
Идея скрипта очень проста - скрывается сам чекбокс, а лайбел, привязанный к нему (он также реагирует на событие click), оформляется по вашему желанию с помощью CSS. С помощью jQuery динамически добавляется или убирается нужный CSS класс. Красиво!
Демо
Скачать

Июн

20

Создаем checkbox в стиле iPhone на jQuery

By masster

Хотите иметь Flash-подобные чекбоксы (флажки) на вашем сайте? Вы не против использовать jQuery? Тогда это статья для вас! Код, который описан ниже, заменит все чекбоксы (флажки) на вашем сайте на такие:

 checkboxВерхний рисунок - флажок выставлен, нижний - снят. Самое главное, ваш движок, на котором работает сайт,  даже не узнает об этом! Все изменения носят чисто визуальный характер и не затрагивают логику работы системы.
Демо

Скачиваем и реализуем

jQuery - это прежде всего простота в использовании! Поэтому качем отсюда плагин, раззиповываем и кидаем все это в нужную папку. В файлах CSS необходимо указывать путь на папку, где будут храниться изображения чекбоксов (относительно расположения CSS файла).
Теперь осталось вставить код, который активирует работу чекбоксов:


  
  

  

Здесь path_to - путь к файлам сайта.
Скрипт имеет важные настройки:
checkedLabel - текст, который высвечивается, когда флажок выставлен. (по умолчанию - ON)
uncheckedLabel - текст, который высвечивается, когда флажок снят. (по умолчанию - OFF)

Пример:

$(':checkbox').iphoneStyle({
  checkedLabel: 'YES',
  uncheckedLabel: 'NO'
});

Источник: awardwinningfjords.com
Исходный текст плагина можно посмотреть на GitHub