JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" class="formVote">
<input type="radio" id="radio1" name="radio" checked="checked"/><label for="radio1"><span class="pad25">по рекомендации подгруги/знакомой</span></label><br/>
<input type="radio" id="radio2" name="radio" /><label for="radio2"><span class="pad25">нашла в поиске</span></label><br/>
<input type="radio" id="radio3" name="radio" /><label for="radio3"><span class="pad25">на форуме подсказали</span></label><br/>
<input type="radio" id="radio4" name="radio" /><label for="radio4"><span class="pad25">на улице флаер получила</span></label><br/>
<input type="submit" value="Проголосовать" class="buttonVote"/>
</form>
CSS
.formVote input[type=radio]
{
margin:0;
padding:0;
}
.radioOn {
background:url(../images/radioOn.png) no-repeat;
color: red;
}
.radioOff {
background:url(../images/radioOff.png) no-repeat;
color: blue;
}
JavaScript
$(document).ready(function(){
$('.formVote input[type="radio"]').click(function() {
console.log('label[for="' + $(this).attr('id') + '"');
$('label').removeClass('radioOn').addClass('radioOff');
$('label[for="' + $(this).attr('id') + '"]').removeClass('radioOff').addClass('radioOn')
});
$('.formVote input[type="radio"]:checked').click();
})