If statement with Checkbox in jQuery/Javascript

Question

I'm having a problem with this one:

if($("#Autotag").is(":checked"))
{
alert("Just to check if it works");
}

But it won't give me the alert dialog while it's checked! I've been looking for right answers. All the other codes I've written does work but not this one.

jsFiddle ain't giving me any hints as person told me to try... I've also been reading this How to: jQuery how to

document.getElementById('Autotag').checked is FAR more efficient — Niet the Dark Absol
– Niet the Dark Absol, Commented Sep 5, 2013 at 18:16
Is it checked by default or are you trying to check it after the page loads without encasing it in change evnt — Sushanth --
– Sushanth --, Commented Sep 5, 2013 at 18:16

epascarello · Accepted Answer · 2013-09-05 18:19:09Z

3

That code will not run when the person checks the checkbox, it will just tell you the state of the checkbox at that moment in time it has run.

If you want to know when it is checked, you need to listen for the change event. The following code assumes you call this onready or after the element is added to the page.

$("#Autotag").on("change", function () {
    if($(this).is(":checked")) {
        alert("Just to check if it works");
    }
});

answered Sep 5, 2013 at 18:19

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

1 Comment

Praveen Over a year ago

You made it before me, here is the fiddle to support your answer.

KageUrufu · Accepted Answer · 2013-09-05 18:18:15Z

1

You need to be calling this inside a change event, instead of just calling it once

$("#Autotag").change(function() {
  var $this = $(this);
  if ( $this.is(":checked") ) {
    alert("This should work for you");
  }
});

answered Sep 5, 2013 at 18:18

KageUrufu

4943 silver badges9 bronze badges

2 Comments

Niet the Dark Absol Over a year ago

While I appreciate the fact that you cached the result of $(this), it's still moot when compared to this.checked ;)

KageUrufu Over a year ago

Not a problem, and its force of habit to cache things anymore

Collectives™ on Stack Overflow

If statement with Checkbox in jQuery/Javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related