Question

171

Jquery check box change function not working in IE 8

rated 0 times [ 176] [ 5] / answers: 1 / hits: 6730 / 11 Years ago, thu, december 19, 2013, 12:00:00

I have following jquery code, where on click of a check box I will show a popup value.

Except in IE,in all other browser it works as expected. That is, on change the check box will be checked and the popup will be opened.

However in IE8 its not getting checked, however popup is displayed properly.

Code :

$('#TAndC').change(function(){



    if( $('input[name=TAndC]').is(':checked')) 

    {

         $('#TandCBox').show();

         var termsandcondition = GetEnum().TermsandConditionsPageId;

         var actionURL = '@Url.Action(ShowTAndC, Account, new { isFromCheckBox = true })';

         $('.popUpForm').load(actionURL);

         var msgBox = $('#terms').attr('href');

         MaskMsgPopUp(msgBox);

         return false;

     }

});

Answers

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

odaliss

Add To Favorites

Follow

Total Points: 342

Total Questions: 102

Total Answers: 98

Location: The Bahamas

Member since Tue, Apr 27, 2021

3 Years ago

answered 11 Years ago tayaw · Accepted Answer

If your element is a checkbox and not a dropdown then use click anyway.

If your selector is referring to a dropdown use click if you need to support IE8 and older.

See why that is below.

According to the MSDN for change/onchange, the event is not triggered until the change is committed.

In addition the event is also not triggered when the value is changed programmatically.

To quote:

This event is fired when the contents are committed and not while the
value is changing. For example, on a text box, this event is not fired
while the user is typing, but rather when the user commits the change
by leaving the text box that has focus. In addition, this event is
executed before the code specified by onblur when the control is also
losing the focus. The onchange event does not fire when the selected
option of the select object is changed programmatically. Changed text
selection is committed.

To invoke this event, do one of the following:

Choose a different option in a select object using mouse or keyboard navigation.

Alter text in the text area and then navigate out of the object.

If you must support IE8 and older, you are probably better of to use the click event instead which get's triggered when you release the mouse and your new choice is selected.