Показать сообщение отдельно
  #1 (permalink)  
Старый 11.05.2012, 02:03
Интересующийся
Отправить личное сообщение для nata031189 Посмотреть профиль Найти все сообщения от nata031189
 
Регистрация: 30.03.2012
Сообщений: 11

стилизация radioButton
<form action="" class="formVote">
                	<input type="radio" id="radio1" name="radio" checked="checked"/><label  for="radio1" class="radioOff"><span class="pad25">по рекомендации подгруги/знакомой</span></label><br/>
                    <input type="radio" id="radio2" name="radio" /><label  for="radio2" class="radioOff"><span class="pad25">нашла в поиске</span></label><br/>
                    <input type="radio" id="radio3" name="radio" /><label  for="radio3" class="radioOff"><span class="pad25">на форуме подсказали</span></label><br/>
                    <input type="radio" id="radio4" name="radio" /><label  for="radio4" class="radioOff"><span class="pad25">на улице флаер получила</span></label><br/>
                    <input type="submit" value="Проголосовать" class="buttonVote"/>
                </form>

Код:
.formVote input[type=radio]
{
	margin:0;padding:0;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.radioOn
{
	background:url(../images/radioOn.png) no-repeat;

}
.radioOff
{
	background:url(../images/radioOff.png) no-repeat;
}
$(document).ready(function(){
	$('.formVote input[type="radio"]').click(function()
	{
			$(this).each(function(){
				$(this).next().removeClass('radioOn');
			});
			$(this).next().removeClass('radioOff');
			$(this).next().addClass('radioOn');
});

Помогите сделать, чтобы сразу radio с checked='checked' становилось с классом radioOn, в при клике на другой radio, клас с прежнего radio удалялся и присваивался к текущему.
Спасибо, буду очень благодарна.
Ответить с цитированием