CSS: изменить стиль на список флажков

Question

У меня есть список флажков. Я хотел бы изменить стиль, чтобы выделять элементы по-разному. Пожалуйста, смотрите первую и вторую ссылку, показывающую, что мне нужно.

Моя проблема в том, что HTML-код не изменяется при выборе элемента. Мне нужно что-то вроде class = "selected", наверное ...

http://dl.dropbox.com/u/72686/Picture%201.png

http://dl.dropbox.com/u/72686/viewsFilter2.png

спасибо

Answer 1

Ответ Роханкрагга хорош, но я бы поощрил ваше желание использовать имя класса для контроля. Вы не предоставляете HTML, но предполагаете, что вокруг ярлыка и флажка есть элемент, содержащий

$("#content input[type='checkbox'], #content label").click(function(){
  $(this).parent().toggleClass("selected");
});

(с #content, являющимся просто большим контейнером, в котором они все находятся, так что вы не можете случайно применить стили к вещам за пределами интересующей вас области) должно работать. Затем в вашем CSS вы можете применять стили к нескольким элементам, и вам не нужно редактировать jQuery только для изменения стилей.

.selected { background-color:blue; }
.selected label { font-weight:bold; color:#ffffff; }

и т. Д.

Answer 2

Вы можете использовать JQuery и стилизовать любые элементы, которые jQuery (': флажок') [Описание: Соответствует всем проверенным элементам ] (работает для флажков и переключателей).

Вы бы назначили функцию событию .click всех рассматриваемых флажков - как в примере на странице:

$(":checkbox").click(countChecked);

Каждому отмеченному флажку вы хотитеиспользуйте установщик .css (propertyName, value) для манипулирования атрибутами css

Не забудьте также снять флажки, поскольку они становятся непроверенными ...

Answer 3

Это может оказаться полезным для вас, хорошие вещи там.