оформление checkbox что допилить?)
Добрый вечер дорогие форумчане. Скрипт рабочий изменяет вид галочек.
Вот столкнулась с проблемой, если страницу загрузить где должны быть галочки их нет как скрипт заставить проверять где есть галочки? $(document).ready(function(){ $("#fk21, #fk22, #fk23, #fk24, #fk25, #fk26, #fk27, #fk28, #fk29, #fk210, #fk211").change(function(){ if($(this).is(":checked")){ $(this).next("label").addClass("LabelSelected"); }else{ $(this).next("label").removeClass("LabelSelected"); } }); }); |
Sakyra,
each ? http://api.jquery.com/each/ |
рони,
Будет ли так правльно:-? $("#fk21, #fk22, #fk23, #fk24, #fk25, #fk26, #fk27, #fk28, #fk29, #fk210, #fk211").change(function(){ if($(this).is(":checked")){ $(this).next("label").addClass("LabelSelected"); }else{ $(this).next("label").removeClass("LabelSelected"); } }); $("#fk21, #fk22, #fk23, #fk24, #fk25, #fk26, #fk27, #fk28, #fk29, #fk210, #fk211").each(function (){ if($(this).is(":checked")){ $(this).next("label").addClass("LabelSelected"); }else{ $(this).next("label").removeClass("LabelSelected"); } }); |
Sakyra,
так проверьте :-? |
Вот вам делать нечего ))) Все просто ведь)
<style> input:checked + label{ color: red; } label{ color: blue; } </style> <input id="check" type="checkbox" /> <label for="check">Лэйбл</label> |
danik.js,
Оооо спасибо! |
Цитата:
|
voral, ну это же просто оформление, ничего важного. Но если все таки важно, то:
$('input[type="checkbox"]').change(function() { $(this).toggleClass('checked', this.checked); }); А в css: input:checked + label, input.checked + label{} Или правила нужно дублировать? Кажется браузер будет игнорировать все правило, если оно содержит неподдерживаемый селектор.. |
Sakyra, по правилам форума, вы должны предъявить доказательство, что пол ваш действительно является женским, в противном случае, на вас будут наложены соответствующие санкции ;)
|
Цитата:
|
Часовой пояс GMT +3, время: 03:49. |