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

Question

[Антон]

Как менять стиль, если не указан 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;
}

Answer 1

[Валентин]

.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){
        // меняем стиль
        }
       //... и так далее
});