IE8 i IE7 onchange zdarzenie jest wywoływane tylko po wielokrotnym wybór

Question

mam grupę radio z onChange Handler:

<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); 

}​ 

Problem polega na tym, że w IE8 & IE7 onchange zdarzenie jest wywoływane tylko po wielokrotnym wybór .

Proszę zobaczyć tę prezentację narzędziami programistycznymi IE Browser Mode] [IE8: http://jsfiddle.net/3zwur/2/

Answer 1

Jest to spowodowane błędem z IE7 i IE8 wydarzeń zmieni. Zamiast tego należy posłuchać zdarzenia click.

Jak pokazano w tym table on quirks mode, zmiana zdarzenia na przyciskach radiowych i polach wyboru jest dość błędna w IE7 i IE8.

Można słuchać zdarzenia click tak:

<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');"> 

i widelec swojego skrzypce: http://jsfiddle.net/T7VYL/

zwykle przy użyciu biblioteki javascript, takich jak JQuery i YUI ułatwić Ci życie, chociaż z moich testów nie naprawiają tego błędu w starszych wersjach IE.

Jeśli nadal chcesz odsłuchać wydarzenie zmiany, możesz wdrożyć tę poprawkę: http://www.ridgesolutions.ie/index.php/2011/03/02/ie8-chage-jquery-event-not-firing/. Zasadniczo nasłuchuje zdarzenia kliknięcia, a następnie powoduje, że element wywołuje zdarzenie zmiany.

Jak wykazały Pytający za ryba: http://jsfiddle.net/3zwur/3

Answer 2

Inną opcją jest posiadanie onchange jak już masz, i dodać zdarzenie onclick, który usuwa skupienie z przycisku radiowego:

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

Answer 3

Another rozwiązaniem jest umieszczenie zdarzenia onchange w załączającym formularzu za pośrednictwem jQuery.

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