Using jQuery to trigger actions on checking and unchecking a checkbox

Question

There are several questions regarding jQuery and checkboxes with good answers and code snippets available on Stack Overflow, but apparently I have managed to misunderstand all of them.

I have the following HTML code in my form:

<input type="checkbox" name="copyAddress" id="copyAddress" value="1" />

Javascript code is as follows:

  $('#copyAddress').change(function () {
    $(this).attr('checked')
      ? alert ("Checked")
      : alert ("Unchecked");

According to this post the above should work. I have also tried using .trigger(), .click() etc. instead of .change(), and using if() rather than a logic operator as a conditional. In all cases the above Javascript code does get triggered, but regardless of the checked or unchecked status of the checkbox, I always get an "Unchecked" alert. In other words, triggering is not the issue here, it's the condition (the checked or unchecked status) of the checkbox that is not being detected (or handled) properly.

Obviously I'm overlooking something here. What is it?

use javascript this.checked or jQuery $(this).is(':checked') — Amit Soni
– Amit Soni, Commented Jun 30, 2014 at 17:19

Demosthenes · Accepted Answer · 2014-06-30 17:26:37Z

2

Try this:

$("#copyAddress").change(function () { $(this).is(":checked") ? alert ("Checked") : alert ("Unchecked"); });

JSFiddle: http://jsfiddle.net/9MfLg/

answered Jun 30, 2014 at 17:26

Demosthenes

3642 silver badges14 bronze badges

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

Comments

Ehsan Sajjad · Accepted Answer · 2014-06-30 17:21:24Z

1

you can use prop() like this:

$('#copyAddress').change(function () {
    $(this).prop('checked')
      ? alert ("Checked")
      : alert ("Unchecked");
  });

FIDDLE EXAMPLE

or:

$('#copyAddress').change(function () {
    this.checked
      ? alert ("Checked")
      : alert ("Unchecked");
  });

FIDDLE DEMO

answered Jun 30, 2014 at 17:21

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

Comments

Aditya Kresna Permana · Accepted Answer · 2015-03-11 09:50:13Z

0

Hope this help

$('#copyAddress').on('change', function(){
    if(this.checked){
        // Do some action when checked
    }else{
        // Do some action when unchecked
    }
});

answered Mar 11, 2015 at 9:50

Aditya Kresna Permana

12.1k8 gold badges45 silver badges49 bronze badges

Collectives™ on Stack Overflow

Using jQuery to trigger actions on checking and unchecking a checkbox

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related