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

Naahuel · #5 (**permalink**) 01/03/2012, 05:19

Y entonces asignale la clase a los labels usando .sibligins()

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 type="text/css">
label{
    display:block;
}
.tildado img{
    border:1px solid red;
}
</style>
<script>
$(function(){
    $('input[type="radio"]').on('click',function(){
        var id = $(this).attr('id');
        $('label.tildado').removeClass('tildado');
        $(this).siblings('label[for="'+id+'"]').addClass('tildado');
    });
});
</script>
</head>
<body>
    <div class="attributesImg">
        <p>
            <input type="radio" id="attrib-2-50" value="50" name="id[2]">
            <label for="attrib-2-50" class="attribsRadioButton five">
                <img height="30" width="30" alt=""  src="http://www.bancogalicia.com/eGalicia/Home/HOMES/Home_Eminent/img/bullet_destacado4.png" />
            </label>
        </p>
 
        <p>
            <input type="radio" id="attrib-2-51" value="50" name="id[2]">
            <label for="attrib-2-51" class="attribsRadioButton five">
                <img height="30" width="30" alt="" src="http://www.bancogalicia.com/eGalicia/Home/HOMES/Home_Eminent/img/bullet_destacado4.png" />
            </label>
        </p>
    </div>
</body>
</html>

Acomodé un poco tu código. Tratá de no usar <br> para hacer eso que hiciste, siempre se puede lograr con CSS.

Repito que ese código no es bueno pues es muy particular para ese caso tuyo y para ese enmarcado y no contempla múltiples grupos de radiobuttons.

Saludos.