Tracking checkbox event using jquery

Question

I have the following code:

$("#chkbx_first").change(function () {
if ($(this).attr("checked")) {
    alert("Check Box Selected"); //do something when checked
} else {
    alert("Check Box Unselected"); //do something when cleared
}

The problem is that despite on the checkbox stste the second allert appears all the time - "Check Box Unselected". Why the first alert doesn't appear ?

Is there another approaches to track the CHECK event? Thanx.

Kiran · Accepted Answer · 2014-04-06 15:50:39Z

2

$(this).attr("checked");

will not work with from jQuery 1.6.

Instead use

jquery .prop().

$(this).prop("checked");

DEMO

or

jquery .is().

$(this).is(':checked')

DEMO

or

this.checked

DEMO

edited Apr 6, 2014 at 15:50

answered Apr 6, 2014 at 15:45

Kiran

20.3k11 gold badges72 silver badges101 bronze badges

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

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-06 15:41:57Z

1

Try if (this.checked) or Use .prop()

$("#chkbx_first").change(function () {
    if (this.checked) { // or if($(this).prop("checked")){
        alert("Check Box Selected"); //do something when checked
    } else {
        alert("Check Box Unselected"); //do something when cleared
    }
}

Read Attributes vs. Properties

answered Apr 6, 2014 at 15:41

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

2 Comments

Andrey Langovoy Over a year ago

I got the message - "'this' souldn't be used in the global context"

Tushar Gupta - curioustushar Over a year ago

@AndreyLangovoy than use if($(this).prop("checked")){ n make na fiddle

Roger Barreto · Accepted Answer · 2014-04-06 15:44:12Z

1

Checked is a property not an attribute of a checkbox, use .prop() instead

$(this).prop('checked')

You could use alse the native DOM (faster)

this.checked

answered Apr 6, 2014 at 15:44

Roger Barreto

2,2841 gold badge19 silver badges24 bronze badges

Collectives™ on Stack Overflow

Tracking checkbox event using jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related