Задать вопрос
@anton99zel
29а класс средней школы №7
javascript

Как менять позиции у background в зависимости от нажатого input?

Как менять стиль, если не указан ID у input, но есть value?
Кликнув на <input type="radio" name="PAY_SYSTEM_ID" value="1">

Изменить с 
.icon_circle-empty {
    background: url(/lop2.png) 1 px 0px;
}
на 
.icon_circle-empty {
    background: url(/lop2.png) 22px 0px;
}

И изменить с 
.icon_circle-selected {
    background: url(/lop2.png) 22px 0px;
}
на 
.icon_circle-selected {
    background: url(/lop2.png) 1px 0px;
}

Кликнув на <input type="radio" name="PAY_SYSTEM_ID" value="4">
Изменить с 
.icon_circle-empty {
    background: url(/lop2.png) 22 px 0px;
}
на 
.icon_circle-empty {
    background: url(/lop2.png) 1px 0px;
}

И изменить с 
.icon_circle-selected {
    background: url(/lop2.png) 1px 0px;
}
на 
.icon_circle-selected {
    background: url(/lop2.png) 22px 0px;
}
  • Вопрос задан
  • 64 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
romanko_vn
@romanko_vn 
.icon_circle-empty-new {
   background: url(/lop2.png) 22px 0px;
}


$('input[name="PAY_SYSTEM_ID"]').on("click", function() {
	var value = $(this).val();
        if (value == 1){
            $(this).toggleClass('icon_circle-empty icon_circle-empty-new');
        }

        else if (value == 2){
        // меняем стиль
        }
       //... и так далее
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Составить единую таблицу SQL
26 апр. 2024, в 16:51
2000 руб./в час
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Ещё заказы