check uncheck checkbox using jquery

Question

I have some input text fields in my page and am displaying their values using JavaScript   I am using  set  value      function to edit the value  add an extra checkbox field  and to pass a value   Here I want to check that if value    1  then this checkbox should be checked  Otherwise  it should remain unchecked    I did this by using two divs  but I am not feeling comfortable with that  is there any other solution   if value    1            uncheck   hide            check   show      else          uncheck   show            check   hide

User · Answer

You can set the state of the checkbox based on the value       your-checkbox   prop  checked   value    1

User · Answer

For jQuery 1 6       attr   is deprecated for properties  use the new  prop   function instead as       myCheckbox   prop  checked   true      Checks it     myCheckbox   prop  checked   false      Unchecks it   For jQuery  lt  1 6   To check uncheck a checkbox  use the attribute checked and alter that  With jQuery you can do       myCheckbox   attr  checked   true      Checks it     myCheckbox   attr  checked   false      Unchecks it   Cause you know  in HTML  it would look something like    lt input type  checkbox  id  myCheckbox  checked  checked    gt   lt  -- Checked -- gt   lt input type  checkbox  id  myCheckbox    gt   lt  -- Unchecked -- gt    However  you cannot trust the  attr   method to get the value of the checkbox  if you need to   You will have to rely in the  prop   method

User · Answer

You can use prop   for this  as Before jQuery 1 6  the  attr   method sometimes took property values into account when retrieving some attributes  which could cause inconsistent behavior  As of jQuery 1 6  the  prop   method provides a way to explicitly retrieve property values  while  attr   retrieves attributes   var prop false  if value    1       prop true         checkbox   prop  checked  prop     or simply       checkbox   prop  checked   value    1      Snippet   x000D   x000D    document  ready function     x000D    var chkbox       customcheckbox    x000D        customvalue   keyup function     x000D      chkbox prop  checked   this value  1   x000D        x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt  x000D   lt h4 gt This is a domo to show check box is checked x000D  if you enter value 1 else check box will be unchecked  lt  h4 gt  x000D  Enter a value  x000D   lt input type  text  value    class  customvalue  gt  x000D   lt br gt checkbox output   x000D   lt input type  checkbox  class  customcheckbox  gt  x000D   x000D   x000D

[jquery] check / uncheck checkbox using jquery?

Examples related to jquery

Examples related to jquery-ui