What is the proper way to check and uncheck a checkbox in HTML5

Question

Looked at the HTML spec  but couldn t make heads or tails of it  http   www w3 org TR html5 the-input-element html attr-input-checked  What is the correct way to check a checkbox in HTML  not dynamically    checked  true  checked  checked    What is the correct way to uncheck a checkbox    lt input type  checkbox    gt  with no checked attribute checked  false  checked  none    Where to check the HTML specification to check uncheck a checkbox

User · Accepted Answer

lt input type  checkbox  checked  checked    gt    or simply    lt input type  checkbox  checked   gt    for checked checkbox  No checked attribute   lt input type  checkbox    gt   for unchecked checkbox   reference  http   www w3 org TR html-markup input checkbox html input checkbox attrs checked

User · Answer

Complementary answer to Robert s answer http   jsfiddle net ak9Sb  in jQuery  When getting setting checkbox state  one may encounter these phenomenons    trigger  click      Does check an unchecked checkbox  but do not add the checked attribute  If you use triggers  do not try to get the state with  checked  attribute    attr  checked          Does not uncheck the checkbox

User · Answer

lt form name  myForm  method  post  gt     lt p gt Activity lt  p gt     skiing    lt input type  checkbox  name  activity  value  skiing   checked  yes    gt  lt br   gt     skating   lt input type  checkbox  name  activity  value  skating    gt  lt br   gt     running   lt input type  checkbox  name  activity  value  running    gt  lt br   gt     hiking    lt input type  checkbox  name  activity  value  hiking   checked  yes    gt   lt  form gt

User · Answer

According to HTML5 drafts  the checked attribute is a    boolean attribute     and    The presence of a boolean attribute on an element represents the true value  and the absence of the attribute represents the false value     It is the name of the attribute that matters  and suffices  Thus  to make a checkbox initially checked  you use   lt input type checkbox checked gt    By default  in the absence of the checked attribute  a checkbox is initially unchecked    lt input type checkbox gt    Keeping things this way keeps them simple  but if you need to conform to XML syntax  i e  to use HTML5 in XHTML linearization   you cannot use an attribute name alone  Then the allowed  as per HTML5 drafts  values are the empty string and the string checked  case insensitively  Example    lt input type  checkbox  checked  checked    gt

User · Answer

You can refer to this page at w3schools but basically you could use any of    lt input checked gt   lt input checked  checked  gt   lt input checked    gt

User · Answer

In jQuery   To check the checkbox         checkboxid   attr  checked   checked      To uncheck the checkbox       checkboxid   removeAttr  checked      The other answers hint at the solution and point you to documentation that after further digging will get you to this answer   Jukka K  Korpela has the reason this is the correct answer  basically I followed his link and then looked up the jQuery docs to get to that result   Just figured I d save future people who find this article those extra steps

User · Answer

you can use autocomplete  off  on parent form  so if you reload your page  checkboxes will not be checked automatically

User · Answer

lt input type  checkbox  checked   gt   HTML5 does not require attributes to have values

[html] What is the proper way to check and uncheck a checkbox in HTML5?

Examples related to html

Examples related to checkbox

Examples related to checked