Есть форма оценки. Хочу спрятать радиокнопки. Выбор оценки будет производиться при нажатии на label'ы радиокнопок. Нужно, чтобы при клике, например, на лабеле с оценкой 1 класс vote_1 менялся на vote_1_hover. Проблема только в том, как же сделать так, чтобы при нажатии на другой лабел класс предыдущего изменялся на дефолтный. Код (Text): <label id="vote_1" class="vote_1" for="score-1"></label><input id="score-1" name="score" type="radio" value="1"> <label id="vote_2" class="vote_2" for="score-2"></label><input id="score-2" name="score" type="radio" value="2"> <label id="vote_3" class="vote_3" for="score-3"></label><input id="score-3" name="score" type="radio" value="3"> <label id="vote_4" class="vote_4" for="score-4"></label><input id="score-4" name="score" type="radio" value="4"> <label id="vote_5" class="vote_5" for="score-5"></label><input id="score-5" name="score" type="radio" value="5"> Добавлено спустя 51 минуту 6 секунд: Классы лабелов сделал одинаковыми, но в css они имеют свой стиль. Все решилось простеньким скриптом: Код (Text): $('#vote_form label').click(function(){ $('label.selected').removeClass('selected').addClass('default'); $(this).removeClass('default').addClass('selected'); }); Код (Text): <label id="vote_1" class="default" for="score-1"></label><input id="score-1" name="score" type="radio" value="1"> <label id="vote_2" class="default" for="score-2"></label><input id="score-2" name="score" type="radio" value="2"> <label id="vote_3" class="default" for="score-3"></label><input id="score-3" name="score" type="radio" value="3"> <label id="vote_4" class="default" for="score-4"></label><input id="score-4" name="score" type="radio" value="4"> <label id="vote_5" class="default" for="score-5"></label><input id="score-5" name="score" type="radio" value="5">