Question

148

IE8 & IE7 onchange event is triggered only after repeated selection

rated 0 times [ 153] [ 5] / answers: 1 / hits: 17880 / 12 Years ago, sun, june 17, 2012, 12:00:00

I have a group of radio with an 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);



}

The problem is that in IE8 & IE7, the onchange event is triggered only after repeated selection.

Please view this demo in IE's Developer Tools [Browser Mode] IE8:
http://jsfiddle.net/3zwur/2/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marinal

Add To Favorites

Follow

Total Points: 655

Total Questions: 99

Total Answers: 99

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

answered 12 Years ago rocioblancac · Accepted Answer

This is due to a bug with IE7 and IE8's change events. You should instead listen to the click event.

As shown in this table on quirks mode, the change event on radio buttons and checkboxes is quite buggy in IE7 and IE8.

You can listen to the click event like so:

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

And a fork of your fiddle: http://jsfiddle.net/T7VYL/

Usually, using a javascript library such as JQuery and YUI make your life easier, although from my testing, they do not fix this bug in older versions of IE.

If you would still like to listen to the change event, you can deploy this fix: http://www.ridgesolutions.ie/index.php/2011/03/02/ie8-chage-jquery-event-not-firing/. Basically it listens for the click event, and then causes the element to fire a change event.

As demonstrated by the asker's fiddle: http://jsfiddle.net/3zwur/3