edPavoniMurdochzf
New Member
I'm trying to style radio buttons like a toggle buttons. I want to do it cross-browser, so I guess jquery is the only option (CSS3 property :checked is not an option for me) I know there are a lot of published solutions for this, but I can't use directly any of them because I can't change any of the HTML code (it's created by Drupal).I've tried to adapt different solutions to my HTML (like http://stackoverflow.com/a/9376041 and CSS change active select for radio), but I don't know javascript and I was unable to make them work.My HTML is:\[code\]<div id="edit-status" class="form-radios"><div class="form-item form-type-radio form-item-status"><input type="radio" id="edit-status-0" name="status" value="http://stackoverflow.com/questions/13864719/0" class="form-radio"/><label class="option" for="edit-status-0">Bloqueado</label></div><div class="form-item form-type-radio form-item-status"><input type="radio" id="edit-status-1" name="status" value="http://stackoverflow.com/questions/13864719/1" checked="checked" class="form-radio"/><label class="option" for="edit-status-1">Activo</label></div></div>\[/code\]If somebody could give me the Jquery code I would appreciate it a lot (I know CSS, so that part is not a problem).EDIT: I need that the Jquery provides a class for the label of the selected radio button in order to style it differently from the label of the non-selected radio button.