jquery checked checkbox IE problem

Question

I'm having an issue verifying if a checkbox is checked using jquery on Internet Explorer. This is the code I'm using:

if ($('#chkjq_1').attr('checked') == true)

It works fine on Firefox or Chrome, but on Internet Explorer 7, the condition is always false because the browser sets the property this way:

<input id="chkjq_1" type="checkbox" CHECKED/> IE7

And the right way is the following: (Firefox, Chrome):

<input id="chkjq_1" type="checkbox" checked="checked"/> FF, Chrome, etc

What should I do to avoid this issue on Internet Explorer 7; is there a generic way in jquery to solve this?

Thanks in advance.

What is responsible for generating your input tags? Is this an ASP.NET server control or something similar? Best to focus on why the tag is being rendered incorrectly and see if you can address that; then the jQuery should just work. — Noah Heldman
– Noah Heldman, Commented Mar 26, 2010 at 17:33
lidermin, you mean jquery UI 1.7.2, which needs jquery 1.3+ to run; Anyway, the answers you have are working with any jquery 1.0+ — leoinfo
– leoinfo, Commented Mar 26, 2010 at 18:19

Sarfraz · Accepted Answer · 2010-03-26 17:33:10Z

17

Try this:

if ($('#chkjq_1').is(':checked'))
{
  // more code
}

answered Mar 26, 2010 at 17:33

Sarfraz

383k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Asraful Over a year ago

it works for me also . in case of my 'CHECKED' is not working in IE9 and i change it to 'checked' and works .

S. Rooks · Accepted Answer · 2012-03-27 16:08:46Z

3

The only thing I could get to work consistently was to test like this:

if ($('#chkjq_1').is('[CHECKED]'))

Using all caps on the selector like IE renders it when you open Developer Tools. Works across browsers so far as I can tell. .is(':checked') wouldn't match for me (using JQuery 1.7.1). Tested using IE 7 and IE 8 in multiple modes. Other browsers (Firefox, Safari tested) seem not to care.

answered Mar 27, 2012 at 16:08

S. Rooks

411 bronze badge

2 Comments

rakensi Over a year ago

This tests if the checked attribute is present. But in firefox, if I unckeck a checkbox, is('CHECKED') is still true.

Highspeed Over a year ago

That's because you need is(':CHECKED')

user1353316 · Accepted Answer · 2013-12-06 22:56:02Z

"change" event of checkbox in IE is triggered weirdly.

This can be solved as:- 1.) bind the onclick event of input checkbox to required target function to be fired 2.) in the target function, check the status of the checkbox by checking the "checked" attribute via-

if ($('#chkBox').attr("checked") == "checked"){
      // do something ----or .attr("checked", "checked"); ---for another checkbox
}else{
      // do something else ----or .removeAttr("checked"); ---for another checkbox
}

Collectives™ on Stack Overflow

jquery checked checkbox IE problem

3 Answers 3

1 Comment

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Linked

Related