Catch checked change event of a checkbox

Question

How do I to catch check uncheck event of  lt input type  checkbox    gt  with jQuery

User · Answer

document  ready function        checkUncheckAll   select all    name  check boxes             var NUM BOXES   10     last checkbox the user clicked var last   -1  function check event         in IE  the event object is a property of the window object      in Mozilla  event object is passed to event handlers as a parameter   event   event    window event     var num   parseInt  box    d      exec this name  1      if  event shiftKey  amp  amp  last    -1        var di   num  gt  last   1   -1      for  var i   last  i    num  i    di        document forms boxes  box     i        checked   true        last   num    function init       for  var i   0  i  lt  NUM BOXES  i        document forms boxes  box     i        onclick   check      HTML    lt body onload  init    gt     lt form name  boxes  gt       lt input name  box 0   type  checkbox  gt       lt input name  box 1   type  checkbox  gt       lt input name  box 2   type  checkbox  gt       lt input name  box 3   type  checkbox  gt       lt input name  box 4   type  checkbox  gt       lt input name  box 5   type  checkbox  gt       lt input name  box 6   type  checkbox  gt       lt input name  box 7   type  checkbox  gt       lt input name  box 8   type  checkbox  gt       lt input name  box 9   type  checkbox  gt     lt  form gt   lt  body gt

User · Answer

Use the  checked selector to determine the checkbox s state      input type checkbox    click function         if   this  is   checked                        else

User · Answer

lt input type  checkbox  id  something    gt       something   click  function       if    this  is   checked     alert  checked          Edit  Doing this will not catch when the checkbox changes for other reasons than a click  like using the keyboard  To avoid this problem  listen to changeinstead of click   For checking unchecking programmatically  take a look at Why isn  39 t my checkbox change event triggered

User · Answer

This code does what your need    lt input type  checkbox  id  check   gt check it lt  input gt       check   change  function       if    this  is   checked               alert  checked         else          alert  unchecked               Also  you can check it on jsfiddle

User · Answer

use the click event for best compatibility with MSIE    document  ready function            input type checkbox    click function             alert  state changed

User · Answer

In my experience  I ve had to leverage the event s currentTarget       dingus   click  function  event       if    event currentTarget  is   checked             checkbox is checked

User · Answer

The click will affect a label if we have one attached to the input checkbox   I think that is better to use the  change   function   lt input type  checkbox  id  something    gt       something   change  function      alert  state changed

User · Answer

Use below code snippet to achieve this        checkAll   click function          checkboxes input   attr  checked   checked             UncheckAll   click function          checkboxes input   attr  checked  false         Or you can do the same with single check box       checkAll   click function e      if     checkAll   attr  checked       checked             checkboxes input   attr  checked   checked            checkAll   val  off        else           checkboxes input   attr  checked   false           checkAll   val  on               For demo  http   jsfiddle net creativegala hTtxe

User · Answer

For JQuery 1 7  use      input type checkbox    on  change   function

[jquery] Catch checked change event of a checkbox

Examples related to jquery

Examples related to unchecked