Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   оформление checkbox что допилить?) (https://javascript.ru/forum/misc/50784-oformlenie-checkbox-chto-dopilit.html)

Sakyra 11.10.2014 00:54

оформление 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");
        }  
    });  
});

рони 11.10.2014 01:49

Sakyra,
each ? http://api.jquery.com/each/

Sakyra 11.10.2014 02:08

рони,
Будет ли так правльно:-?

$("#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");
        }  
    });

рони 11.10.2014 02:55

Sakyra,
так проверьте :-?

danik.js 11.10.2014 04:46

Вот вам делать нечего ))) Все просто ведь)
<style>
input:checked + label{
    color: red;
}

label{
    color: blue;
}
</style>

<input id="check" type="checkbox" /> <label for="check">Лэйбл</label>

Sakyra 11.10.2014 05:20

danik.js,
Оооо спасибо!

voral 11.10.2014 09:27

Цитата:

Сообщение от danik.js (Сообщение 334795)
Вот вам делать нечего ))) Все просто ведь)

Только ослики до 8 версии включительно, вроде, этого не поймут. А посетителей с XP все еще много.

danik.js 11.10.2014 11:00

voral, ну это же просто оформление, ничего важного. Но если все таки важно, то:

$('input[type="checkbox"]').change(function() {
    $(this).toggleClass('checked', this.checked);
});


А в css:
input:checked + label,
input.checked + label{}


Или правила нужно дублировать? Кажется браузер будет игнорировать все правило, если оно содержит неподдерживаемый селектор..

bes 11.10.2014 15:25

Sakyra, по правилам форума, вы должны предъявить доказательство, что пол ваш действительно является женским, в противном случае, на вас будут наложены соответствующие санкции ;)

kostyanet 11.10.2014 22:33

Цитата:

Сообщение от voral
Только ослики до 8 версии включительно, вроде, этого не поймут. А посетителей с XP все еще много.

Сколько именно? Что за браузер такой - ХР?


Часовой пояс GMT +3, время: 07:26.