Cambiar color borde radio buton

[humanista]

Hola, alguien sabe cómo puedo hacer para que al pinchar en un radio buton éste cambie de color? y que al pinchar en otro radio buton de la misma opción vuelva a estar como al principio.

[Dradi7]

bueno sera cambiar el fondo del radiobutton porque el mismo radiobutton no se pueda

Ejemplo:

Código HTML:

<div><input type="radio" value="1" name="rb" />OK</div>
<div><input type="radio" value="2" name="rb" />OK</div>​
 

Código Javascript:

window.onload = function(){
    var r = document.getElementsByName("rb");
    for(var x=0;r[x];x++){
        if(window.attachEvent)
            r[x].attachEvent("onclick",Cambia);
        else
            r[x].addEventListener("click",Cambia);
    }
};
 
function Cambia(){
    var ele = this;
    var r = document.getElementsByName("rb");
    for(var x=0;r[x];x++){
        if(r[x].value === ele.value){
            console.log('dentro');
            r[x].parentNode.style.backgroundColor="red";
        }else{
            r[x].parentNode.style.backgroundColor=""
        }
    }
}​
 

[humanista]

Vale, pero yo me refería sólo al radio buton, es decir a la "circunferencia", no del texto que le acompaña.

[Dradi7]

Bueno eso si no creo que sea posible porque esto son controles nativos, lo que podria hacer es usted crear un objeto que simule un radio button

Saludos

[humanista]

Pues lo he visto en twitter, es como una especie de sombra/aureola del botón en color azul.

[Dradi7]

Pero lo que has visto es un control que simula un radiobutton mas no es el control nativo radiobutton

Saludos