How to uncheck a checkbox in pure JavaScript

Question

Here is the HTML Code    lt div class  text  gt      lt input value  true  type  checkbox  checked    name  copyNewAddrToBilling  gt  lt label gt    I want to change the value to false  Or just uncheck the checkbox  I d like to do this in pure JavaScript  without the use of external libraries  no jQuery etc

User · Answer

There is another way to do this     elem - get the checkbox element and then elem setAttribute  checked    checked      check elem removeAttribute  checked      uncheck

User · Answer

lt html gt       lt body gt           lt input id  check1  type  checkbox  checked    name  copyNewAddrToBilling  gt       lt  body gt       lt script language  javascript  gt          document getElementById  check1   checked   true          document getElementById  check1   checked   false       lt  script gt   lt  html gt    I have added the language attribute to the script element  but it is unnecessary because all browsers use this as a default  but it leaves no doubt what this example is showing   If you want to use javascript to access elements  it has a very limited set of GetElement  functions   So you are going to need to get into the habit of giving every element a UNIQUE id attribute

User · Answer

Recommended  without jQuery   Give your  lt input gt  an ID and refer to that  Also  remove the checked    part of the  lt input gt  tag if you want the checkbox to start out unticked  Then it s   document getElementById  my-checkbox   checked   true    Pure JavaScript  with no Element ID   1    var inputs   document getElementsByTagName  input     for var i   0  i lt inputs length  i        if typeof inputs i  getAttribute      function   amp  amp  inputs i  getAttribute  name        copyNewAddrToBilling         inputs i  checked   true       break           Pure Javascript  with no Element ID   2    document querySelectorAll   text input name  copyNewAddrToBilling     0  checked   true   document querySelector   text input name  copyNewAddrToBilling     checked   true    Note that the querySelectorAll and querySelector methods are supported in these browsers  IE8   Chrome 4   Safari 3 1   Firefox 3 5  and all mobile browsers   If the element may be missing  you should test for its existence  e g    var input   document querySelector   text input name  copyNewAddrToBilling      if   input    return      With jQuery       text input name  copyNewAddrToBilling     prop  checked   true

User · Answer

You will need to assign an ID to the checkbox      lt input id  checkboxId  type  checkbox  checked    name  copyNewAddrToBilling  gt    and then in JavaScript     document getElementById  checkboxId   checked   false

User · Answer

lt html gt       lt body gt           lt input id  quot mycheck quot  type  quot checkbox quot  gt       lt  body gt        lt script language  quot javascript quot  gt          var check          document getElementById  quot mycheck quot            check checked  quot false quot        lt  script gt   lt  html gt

[javascript] How to uncheck a checkbox in pure JavaScript?

Examples related to javascript

Examples related to html

Examples related to checkbox