IE8 y IE7 onchange evento se activa sólo después de la selección

Question

repitió que tienen un grupo de radio con un controlador onchange:

<input type="radio" name="Q12" value="radio" id="Q12_0" onchange="nextPnl('Q12');"> 
<br/> 
<input type="radio" name="Q12" value="radio" id="Q12_1" onchange="nextPnl('Q12');"> 
     ​ 

function nextPnl(did) 
{ 
document.write(did); 

}​ 

El problema es que en IE8 & IE7, el evento onchange se desencadena selección sólo después de repetidas .

favor ver esta demostración en las herramientas de desarrollo de IE [Modo Navegador] IE8: http://jsfiddle.net/3zwur/2/

Answer 1

Esto se debe a un error con los eventos de cambio de IE7 e IE8. En su lugar, debería escuchar el evento click.

Como se muestra en este table on quirks mode, el cambio de evento en los botones de opción y en las casillas de verificación es bastante erróneo en IE7 e IE8.

Puede escuchar el evento click de este modo:

<input type="radio" name="Q12" value="radio" id="Q12_0" onclick="nextPnl('Q12');"> 
<br> 
<input type="radio" name="Q12" value="radio" id="Q12_1" onclick="nextPnl('Q12');"> 

y un tenedor de su violín: http://jsfiddle.net/T7VYL/

Por lo general, el uso de una biblioteca de Javascript como JQuery y YUI hacer su vida más fácil, aunque de mi prueba, no solucionan este error en versiones anteriores de IE.

Si aún desea escuchar el evento de cambio, puede implementar esta solución: http://www.ridgesolutions.ie/index.php/2011/03/02/ie8-chage-jquery-event-not-firing/. Básicamente escucha el evento de clic y luego hace que el elemento active un evento de cambio.

Como demuestra el violín del autor de la pregunta: http://jsfiddle.net/3zwur/3

Answer 2

Otra opción es tener un evento onchange como que ya tiene, y añadir un evento onclick que elimina el foco desde el botón de radio:

<input type="radio" name="Q12" value="radio" id="Q12_0" onclick="this.blur()" onchange="nextPnl('Q12');"> 

Answer 3

Otro La solución es colocar el evento onchange en el formulario adjunto a través de jQuery.

$('#form').on('change', function() { 
    $(this).submit(); 
});