Check if checkbox is checked with jQuery

Question

How can I check if a checkbox in a checkbox array is checked using the id of the checkbox array   I am using the following code  but it always returns the count of checked checkboxes regardless of id   function isCheckedById id        alert id       var checked      input  id     id      checked   length      alert checked        if  checked    0            return false        else           return true

User · Answer

You can try this    lt script gt  function checkAllCheckBox value       if     select all    is   checked            check    attr    checked    checked               else                   check    removeAttr  checked                lt  script gt   lt input type  checkbox  name  chkbox  id  select all   value  1    gt     lt input type  checkbox  name  chkbox  class  check   value  Apples    gt   lt input type  checkbox  name  chkbox  class  check   value  Bananas    gt   lt input type  checkbox  name  chkbox  class  check   value  Apples    gt   lt input type  checkbox  name  chkbox  class  check   value  Bananas    gt

User · Answer

Actually  according to jsperf com  The DOM operations are fastest  then     prop   followed by     is      Here are the syntaxes     var checkbox         id      OR var checkbox      input name checkbox1     whichever is best        The DOM way - The fastest    if checkbox 0  checked    true     alert  Checkbox is checked          Using jQuery  prop   - The second fastest    if checkbox prop  checked      true     alert  Checkbox is checked          Using jQuery  is   - The slowest in the lot    if checkbox is   checked      true     alert  Checkbox is checked        I personally prefer  prop    Unlike  is    It can also be used to set the value

User · Answer

checkbox   is   checked       The above code returns true if the checkbox is checked or false if not

User · Answer

Something like this can help  togglecheckBoxs    function  objCheckBox          var boolAllChecked   true       if  false    objCheckBox checked                 checkAll   prop   checked  false          else               input id   someIds       each  function  chkboxIndex  chkbox                 if  false    chkbox checked                         checkAll   prop   checked  false                    boolAllChecked   false                                     if  true    boolAllChecked                     checkAll   prop   checked  true

User · Answer

use code below    lt script gt     document  ready function            id   chkSendMail     attr  onchange    ShowMailSection         function ShowMailSection       if      id   chkSendMail   type  checkbox   checked   length  gt 0             id   SecEmail     removeClass  Hide         lt  script gt

User · Answer

The most important concept to remember about the checked attribute is   that it does not correspond to the checked property  The attribute   actually corresponds to the defaultChecked property and should be used   only to set the initial value of the checkbox  The checked attribute   value does not change with the state of the checkbox  while the   checked property does  Therefore  the cross-browser-compatible way to   determine if a checkbox is checked is to use the property   All below methods are possible  elem checked     elem  prop  checked       elem  is   checked

User · Answer

jQuery code to check whether the checkbox is checked or not   if    input name  checkBoxName     is   checked           checked  else       unchecked     Alternatively   if    input name  checkBoxName   checked             checked  else       unchecked

User · Answer

You can use this code   if     checkboxId   is   checked             Code in the case checkbox is checked    else           Code in the case checkbox is NOT checked

User · Answer

Your question is not clear  you want to give  quot checkbox array id quot  at input and get true false at output - in this way you will not know which checkbox was checked  as your function name suggest   So below there is my proposition of body of your isCheckedById which on input take checkbox id and on output return true false  it s very simple but your ID should not be keyword   this id  checked   x000D   x000D  function isCheckedById id      return this id  checked          TEST  function check       console clear     console log  1  isCheckedById  myCheckbox1       console log  2  isCheckedById  myCheckbox2       console log  3  isCheckedById  myCheckbox3       x000D   lt label gt  lt input id  myCheckbox1  type  checkbox  gt check 1 lt  label gt   lt label gt  lt input id  myCheckbox2  type  checkbox  gt check 2 lt  label gt   lt label gt  lt input id  myCheckbox3  type  checkbox  gt check 3 lt  label gt   lt  -- label around inputs makes text clickable -- gt   lt br gt   lt button onclick  check    gt show checked lt  button gt  x000D   x000D   x000D

User · Answer

You can do it simply like   Working Fiddle  HTML   lt input id  checkbox  type  checkbox    gt    jQuery    document  ready function          var ckbox       checkbox            input   on  click  function              if  ckbox is   checked                  alert  You have Checked it              else               alert  You Un-Checked it                            or even simpler       checkbox   attr  checked     alert  Checked     alert  Unchecked      If the checkbox is checked it will return true otherwise undefined

User · Answer

As per the jQuery documentation there are following ways to check if a checkbox is checked or not  Lets consider a checkbox for example  Check Working jsfiddle with all examples    lt input type  checkbox  name  mycheckbox  id  mycheckbox    gt   lt br gt  lt br gt   lt input type  button  id  test-with-checked  value  Test with checked    gt   lt input type  button  id  test-with-is  value  Test with is    gt   lt input type  button  id  test-with-prop  value  Test with prop    gt    Example 1 - With checked      test-with-checked   on  click   function        if mycheckbox checked            alert  Checkbox is checked           else           alert  Checkbox is unchecked                  Example 2 - With jQuery is  NOTE -  checked  var check      test-with-is   on  click   function        check       mycheckbox   is   checked        if check            alert  Checkbox is checked           else           alert  Checkbox is unchecked                  Example 3 - With jQuery prop    var check      test-with-prop   on  click   function        check       mycheckbox   prop  checked        if check             alert  Checkbox is checked           else           alert  Checkbox is unchecked                  Check Working jsfiddle

User · Answer

id  is   checked     That gets if the checkbox is checked   For an array of checkboxes with the same name you can get the list of checked ones by   var  boxes      input name thename  checked      Then to loop through them and see what s checked you can do    boxes each function           Do stuff here with this       To find how many are checked you can do    boxes length

User · Answer

For checkbox with an id   lt input id  id input checkbox13  type  checkbox  gt  lt  input gt    you can simply do      id input checkbox13   prop  checked     you will get true or false as return value for above syntax  You can use it in if clause as normal boolean expression

User · Answer

All following methods are useful       checkbox   is   checked        checkbox   prop  checked        checkbox   0  checked      checkbox   get 0  checked   It is recommended that DOMelement or inline  this checked  should be avoided instead jQuery on method should be used event listener

User · Answer

Since it s mid 2019 and jQuery sometimes takes a backseat to things like VueJS  React etc  Here s a pure vanilla Javascript onload listener option    lt script gt       Replace  admincheckbox  both variable and ID with whatever suits     window onload   function         const admincheckbox   document getElementById  admincheckbox        admincheckbox addEventListener  click   function           if admincheckbox checked           alert  Checked            else           alert  Unchecked                         lt  script gt

User · Answer

Simple Demo for checking and setting a check box   jsfiddle       attr-value-name   click function         if   this  parent   find  input type  checkbox     is   checked                    this  parent   find  input type  checkbox     prop  checked   false             else                 this  parent   find  input type  checkbox     prop  checked   true

User · Answer

Using this code you can check at least one checkbox is selected or not in different checkbox groups or from multiple checkboxes  Using this you can not require to remove IDs or dynamic IDs  This code work with the same IDs   Reference Link   lt label class  control-label col-sm-4  gt Check Box 2 lt  label gt       lt input type  checkbox  name  checkbox2  id  checkbox21  value ck1   gt  ck1 lt br   gt       lt input type  checkbox  name  checkbox2  id  checkbox22  value ck2   gt  ck2 lt br   gt    lt label class  control-label col-sm-4  gt Check Box 3 lt  label gt       lt input type  checkbox  name  checkbox3  id  checkbox31  value ck3   gt  ck3 lt br   gt       lt input type  checkbox  name  checkbox3  id  checkbox32  value ck4   gt  ck4 lt br   gt    lt script gt  function checkFormData         if      input name checkbox2  checked   length  gt  0            document getElementById  errMessage   innerHTML    Check Box 2 can not be null           return false            if      input name checkbox3  checked   length  gt  0            document getElementById  errMessage   innerHTML    Check Box 3 can not be null           return false            alert  Success        return true     lt  script gt

User · Answer

You can use any of the following recommended codes by jquery   if   elem checked       if      elem   prop   checked          if      elem   is    checked

User · Answer

Toggle checkbox checked      checkall   click function           input checkbox   prop   checked    this  is   checked

User · Answer

Just to say in my example the situation was a dialog box that then verified the check box before closing dialog  None of above and How to check whether a checkbox is checked in jQuery  and jQuery if checkbox is checked did not appear to work either   In the end    lt input class  cb  id  rd  type  checkbox  gt   lt input class  cb  id  fd  type  checkbox  gt   var fd     cb fd   is   checked    var rd      cb rd   is   checked      This worked so calling the class then the ID  rather than just the ID  It may be due to the nested DOM elements on this page causing the issue  The workaround was above

User · Answer

IDs must be unique in your document  meaning that you shouldn t do this    lt input type  checkbox  name  chk    id  chk    value  Apples    gt   lt input type  checkbox  name  chk    id  chk    value  Bananas    gt    Instead  drop the ID  and then select them by name  or by a containing element    lt fieldset id  checkArray  gt       lt input type  checkbox  name  chk    value  Apples    gt        lt input type  checkbox  name  chk    value  Bananas    gt   lt  fieldset gt    And now the jQuery   var atLeastOneIsChecked       checkArray checkbox checked   length  gt  0    there should be no space between identifier and selector     or  without the container   var atLeastOneIsChecked      input name  chk     checked   length  gt  0

User · Answer

I know the OP want jquery but in my case pure JS was the answer so if anyone like me is here and do not have jquery or do not want to use it - here is the JS answer   document getElementById  myCheck   checked   It returns true if the input with ID myCheck is checked and false if it is not checked   Simple as that

User · Answer

This is also an idea I use frequently   var active       modal-check-visible   prop  checked     1   0     If cheked  it ll return 1  otherwise it ll return 0

[javascript] Check if checkbox is checked with jQuery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to checkbox