| nata031189 |
11.05.2012 02:03 |
стилизация 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 удалялся и присваивался к текущему.
Спасибо, буду очень благодарна. |