11.10.2014, 00:54
|
|
Аспирант
|
|
Регистрация: 30.04.2013
Сообщений: 92
|
|
оформление 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
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
|
11.10.2014, 02:08
|
|
Аспирант
|
|
Регистрация: 30.04.2013
Сообщений: 92
|
|
рони,
Будет ли так правльно
$("#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
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
Sakyra,
так проверьте
|
|
11.10.2014, 04:46
|
|
Профессор
|
|
Регистрация: 11.09.2010
Сообщений: 8,804
|
|
Вот вам делать нечего ))) Все просто ведь)
<style>
input:checked + label{
color: red;
}
label{
color: blue;
}
</style>
<input id="check" type="checkbox" /> <label for="check">Лэйбл</label>
__________________
В личку только с интересными предложениями
|
|
11.10.2014, 05:20
|
|
Аспирант
|
|
Регистрация: 30.04.2013
Сообщений: 92
|
|
danik.js,
Оооо спасибо!
|
|
11.10.2014, 09:27
|
Аспирант
|
|
Регистрация: 03.10.2014
Сообщений: 67
|
|
Сообщение от danik.js
|
Вот вам делать нечего ))) Все просто ведь)
|
Только ослики до 8 версии включительно, вроде, этого не поймут. А посетителей с XP все еще много.
|
|
11.10.2014, 11:00
|
|
Профессор
|
|
Регистрация: 11.09.2010
Сообщений: 8,804
|
|
voral, ну это же просто оформление, ничего важного. Но если все таки важно, то:
$('input[type="checkbox"]').change(function() {
$(this).toggleClass('checked', this.checked);
});
А в css:
input:checked + label,
input.checked + label{}
Или правила нужно дублировать? Кажется браузер будет игнорировать все правило, если оно содержит неподдерживаемый селектор..
__________________
В личку только с интересными предложениями
|
|
11.10.2014, 15:25
|
|
Профессор
|
|
Регистрация: 22.03.2012
Сообщений: 3,744
|
|
Sakyra, по правилам форума, вы должны предъявить доказательство, что пол ваш действительно является женским, в противном случае, на вас будут наложены соответствующие санкции
|
|
11.10.2014, 22:33
|
Профессор
|
|
Регистрация: 23.10.2010
Сообщений: 2,718
|
|
Сообщение от voral
|
Только ослики до 8 версии включительно, вроде, этого не поймут. А посетителей с XP все еще много.
|
Сколько именно? Что за браузер такой - ХР?
|
|
|
|