Foros del Web - Ver Mensaje Individual - jquery cambiar estilo radio button si checked

Naahuel · #3 (**permalink**) 28/02/2012, 18:00

Que yo sepa no se puede cambiar el fondo a un radiobutton. Al menos en Chrome y FF no lo hace.

Lo que yo haría es asignar una clase para tildado con los estilos que querés que tenga. Después con jQuery le das esa clase al hacer click, pero antes se la quitás a todos los que la tengan.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  
<style>
  .tildado{
    width:300px;
  }
  </style>
<script>
  $(function(){
      $('input[type="radio"]').on('click',function(){
       $('input[type="radio"].tildado').removeClass('tildado');
        $(this).addClass('tildado');
    });
  });
  </script>
</head>
<body>
  <p><label for="radio1">Opcion 1</label><input type="radio" id="radio1" name="radiogrupo" /></p>
  <p><label for="radio2">Opcion 2</label><input type="radio" id="radio2" name="radiogrupo" /></p>
</body>
</html>

Te lo pongo como ejemplo, pero tiene muchas faltas. La más grave es que no vas a poder agrupar los radiobuttons. O sea, si tenés más de un grupo, cuando hagas click en alguno de ellos la clase se le va a quitar sin importar si pertenece a otro grupo.