[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Двойной код
Telez
Здравствуйте
У меня есть checkbox на клик по которому три input или disabled или enabled.
Это понятно. Вот код:
$('#checkbox').on('click',function(){
if(this.checked){
$('#input1').prop("disabled",true);
$('#input2').prop("disabled",true);
$('#input2').prop("disabled",true);
}else{
$('#input1').prop("disabled",false);
$('#input2').prop("disabled",false);
$('#input2').prop("disabled",false);
}
}
);

Но как сделать, чтобы проверка была и при загрузке тоже?
Или один и тот же код писать дважды? Нет ли более элегантного решения?
Спасибо
brevis
Вот так как-то
$('#checkbox').on('change',function(){
if(this.checked){
$('#input1').prop("disabled",true);
$('#input2').prop("disabled",true);
$('#input2').prop("disabled",true);
}else{
$('#input1').prop("disabled",false);
$('#input2').prop("disabled",false);
$('#input2').prop("disabled",false);
}
}
).trigger('change');


_____________
Чатик в телеге
killer8080
Telez
это можно сократить

$(function() {
$('#checkbox').on('change',function(){
$('#input1,#input2,#input3').prop("disabled", this.checked);
}).trigger('change');
});
Telez
Я и не знал о такой опции. sad.gif
Спасибо за помощь!
killer8080
Цитата (Telez @ 14.12.2017 - 21:48)
Я и не знал о такой опции.

Вообще то я б не советовал так делать, если нужно выделить группу элементов, то лучше задать им общий класс, вместо пачки id. Это упростит в будущем добавление новых элементов в html, не придётся править ещё и js, да и код чище wink.gif
Guest
Благодарю.
Любая полезная информация для новичка от профессионала будет полезна.
Telez
Благодарю.
Любая полезная информация для новичка от профессионала будет полезна.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.