оформление 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, время: 06:46. |