javascript Publicado por: 0

Resulta que en Internet Explorer solo se ejecuta el onchange de un radiobutton cuando pierde el foco, y normalmente eso no es lo que queremos, sino que se ejecute el evento conforme se selecciona algún valor.

Para solucionar esto podemos encontrar 3 soluciones:

1 – Utilizar el onclick en lugar del onchange.

2- Solucionarlo con un poco de jQuery.

3- Añadir que haga blur en el onclick.

De las 3 opciones, la primera no da muy buenos resultados, y la segunda no nos gusta porque no mola cargar la pagina con jQuery si no es necesario.

Así que nos quedamos con la tercera opción.

El resultado sería algo así como:

<input type="radio" name="foo" value="Uno" onchange="alert(this.value);" onclick="this.blur();"/>Green<br/>
<input type="radio" name="foo" value="Dos" onchange="alert(this.value);" onclick="this.blur();"/>Blue

Happy coding!!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.