Testing if a checkbox is checked with jQuery

Question

If the checkbox is checked  then I only need to get the value as 1  otherwise  I need to get it as 0   How do I do this using jQuery       ans   val   will always give me one right in this case    lt input type  checkbox  id  ans  value  1    gt

User · Answer

Try this     input checkbox checked   click function        var val  this  val       it will get value from checked checkbox       Here flag is true if checked otherwise false  var flag     ans   attr  checked      Again this will make cheked       ans   attr  checked  true

User · Answer

ans   attr  checked      will tell you if it s checked   You can also use a second parameter true false to check uncheck the checkbox       ans   attr  checked   true     Per comment  use prop instead of attr when available  E g       ans   prop  checked

User · Answer

I ve came through a case recently where I ve needed check value of checkbox when user clicked on button  The only proper way to do so is to use prop   attribute   var ansValue       ans   prop  checked         ans   val     0    this worked in my case maybe someone will need it    When I ve tried  attr   checked   it returned checked but I wanted boolean value and  val   returned value of attribute value

User · Answer

You can try this       studentTypeCheck   is   checked

User · Answer

You can perform it  this way      input id ans    is   checked

User · Answer

There are Several options are there like       1      ans   is   checked     2      ans checked    3     input checkbox checked       If all these option return true then you can set value accourdingly

User · Answer

input checkbox checked   val              get the value from a checked checkbox

User · Answer

You can also use       ans checked   length    1

User · Answer

If you want integer value of checked or not  try       ans checked   length

User · Answer

Stefan Brinkmann s answer is excellent  but incomplete for beginners  omits the variable assignment   Just to clarify      this structure is called a ternary operator var cbAns         ans   is   checked       1   0    It works like this    var myVar     if test goes here      ans if yes     ans if no      Example   var myMath     1  gt  2      yes     no    alert  myMath      Alerts  no   If this is helpful  please upvote Stefan Brinkmann s answer

User · Answer

use ternary operators     ans   is   checked     1   0

User · Answer

You can get value  true false  by these two method     input type  checkbox     prop  checked       input type  checkbox     is   checked

User · Answer

function chkb bool   if bool  return 1  return 0     var statusNum chkb     ans   is   checked       statusNum will equal 1 if the checkbox is checked  and 0 if it is not   EDIT  You could add the DOM to the function as well   function chkb el   if el is   checked    return 1  return 0     var statusNum chkb     ans

User · Answer

I ve found the same problem before  hope this solution can help you  first  add a custom attribute to your checkboxes    lt input type  checkbox  id  ans  value  1  data-unchecked  0    gt    write a jQuery extension to get value     fn realVal   function        var  obj     this       var val    obj val        var type    obj attr  type        if  type  amp  amp  type    checkbox             var un val    obj attr  data-unchecked            if  typeof un val    undefined   un val               return  obj prop  checked     val   un val        else           return val             use code to get check-box value       ans   realVal      you can test here

User · Answer

Just use   selector  is   checked     It returns a boolean value

User · Answer

First check the value is checked      ans   find  checkbox   each function        if    this  prop  checked    true        var id     this  val               Else set the 0 value

User · Answer

id   prop  checked       true   1   0

User · Answer

Use  is   checked   to determine whether or not it s checked  and then set your value accordingly   More information here

User · Answer

lt input type  checkbox  id  ans  value  1    gt    Jquery       var test      ans   is   checked   and it return true or false   In your function    test    request- gt get    test       true     1     0

User · Answer

Use       ans option selected   val

[javascript] Testing if a checkbox is checked with jQuery

Examples related to javascript

Examples related to jquery

Examples related to checkbox

Examples related to jquery-selectors