Меняем в Bootstrap класс у кнопки при нажатии

Обновлено: 01 Декабрь, 2018

Следующий код меняет класс кнопки (фреймворк Bootstrap).

Код:

$(function(){
$(‘#btn1,#btn2’).click(function(){
if ($(this).attr(‘id’)==’btn1′) {
$(this).addClass(‘btn-danger’).removeClass(‘btn-default’);
$(‘#btn2’).removeClass(‘btn-danger’).addClass(‘btn-default’);
}
else {
$(this).addClass(‘btn-danger’).removeClass(‘btn-default’);
$(‘#btn1’).removeClass(‘btn-danger’).addClass(‘btn-default’);
}
//сохраняем состояние кнопок в localStorage
localStorage.setItem(‘btn1’,$(‘#btn1’).attr(‘class’));
localStorage.setItem(‘btn2’,$(‘#btn2’).attr(‘class’));
});
//извлекаем сохранённые данные и применяем их к кнопкам
if (localStorage.getItem(‘btn1’)) {
$(‘#btn1’).attr(‘class’,localStorage.getItem(‘btn1’));
}
if (localStorage.getItem(‘btn2’)) {
$(‘#btn2’).attr(‘class’,localStorage.getItem(‘btn2’));
}});

Рейтинг автора
Автор статьи
Юрий
SEO-аналитик, программист (PHP, Ajax, Delphi, MySQL).
Написано статей
142
5 оценок, среднее: 4,80 из 55 оценок, среднее: 4,80 из 55 оценок, среднее: 4,80 из 55 оценок, среднее: 4,80 из 55 оценок, среднее: 4,80 из 5 (5 оценок, среднее: 4,80 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.
Загрузка...
Понравилась статья? Поделиться с друзьями:
Блог Программиста
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

1 + девятнадцать =