jQuery checkbox check uncheck

Question

What would be a proper way to check uncheck checkbox that s placed inside the element that triggers my function   Here s my code    lt table id  news list  gt   lt tr gt       lt td gt  lt input type  checkbox  name  news 1     gt  lt  td gt       lt td gt TEXT lt  td gt   lt  tr gt  lt  table gt       news list tr   click function         var ele     this  find  input        if ele is   checked             ele removeAttr  checked              this  removeClass  admin checked         else          ele attr  checked    checked              this  addClass  admin checked                The problem is I can check and uncheck each box only once  After I ve checked and unchecked sometimes it still does add remove class  but never checking a box again  even when I click on checkbox  not table row    I ve tried using  bind  click   trigger  but it s the same result   Any solutions

User · Accepted Answer

Use  prop   instead and if we go with your code then compare like this   Look at the example jsbin         news list tr   click function          var ele     this  find   checkbox        if      checked   length          ele prop  checked   false           this  removeClass  admin checked          else         ele prop  checked   true           this  addClass  admin checked                 Changes    Changed input to  checkbox  Comparing the length of the checked checkboxes

User · Answer

Use prop   instead of attr   to set the value of checked  Also use  checkbox in find method instead of input and be specific   Live Demo      news list tr   click function         var ele     this  find  input        if ele is   checked             ele prop  checked   false             this  removeClass  admin checked         else          ele prop  checked   true             this  addClass  admin checked                Use prop instead of attr for properties like checked     As of jQuery 1 6  the  attr   method returns undefined for attributes   that have not been set  To retrieve and change DOM properties such as   the checked  selected  or disabled state of form elements  use the    prop   method

User · Answer

mainCheckBox   click function        if   this  prop  checked                Id or Class of checkbox   prop  checked   true        else             Id or Class of checkbox   prop  checked   false

[jquery] jQuery checkbox check/uncheck

Examples related to jquery

Examples related to checkbox