How to make the checkbox unchecked by default always

Question

I have 2 checkboxes inside a form and both those checkboxes were wrapped inside a form   For one of form I have added the attribute autocomplete  off   Below is the code snippet   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt       lt head gt  lt  head gt       lt body gt           lt form name  chkBoxForm   gt               lt div gt                   lt input type  checkbox  value  100  name  product   gt My Checkbox1              lt  div gt           lt  form gt           lt form name  chkBoxForm  autocomplete  off  gt               lt div gt                   lt input type  checkbox  value  200  name  product   gt My Checkbox2                                       lt  div gt           lt  form gt       lt  body gt   lt  html gt    Now my problem here if we check those checkboxes manually and if we press F5  then the checkbox with attribute autocomplete  off  got unchecked  But the checkbox which doesn t have that attribute remains checked  This happens in FireFox 22   This behavior varies from Browser to Browser  In IE  both the checkboxes remains checked and in Chrome both the checkboxes were unchecked   But when I press enter in the address bar  it gets unchecked in all the browsers   Can someone tell me how to have those checkboxes unchecked always when we press F5  I am aware that this can be handled through Javascript   Is there any other html way of handling this

User · Answer

An easy way   only HTML  no javascript  no jQuery   lt input name  box1  type  hidden    value  0    gt   lt input name  box1  type  checkbox  value  1    gt

User · Answer

If you have a checkbox with an id checkbox id You can set its state with JS with prop  checked   false  or prop  checked   true        checkbox id   prop  checked   false

User · Answer

One quick solution that came to mind  -    lt input type  checkbox  id  markitem  name  markitem  value  1  onchange  GetMarkedItems 1   gt   lt label for  markitem  style  position absolute  top 1px  left 165px   gt  amp nbsp lt  label gt   lt  -- Fire the below javascript everytime the page reloads -- gt   lt script type text javascript gt    document getElementById  markitem   checked   false   lt  script gt   lt  -- Tested on Latest FF  Chrome  Opera and IE  -- gt

User · Answer

This is browser specific behavior and is a way for making filling up forms more convenient to users  like reloading the page when an error has been encountered and not losing what they just typed   So there is no sure way to disable this across browsers short of setting the default values on page load using javascript    Firefox though seems to disable this feature when you specify the header   Cache-Control  no-store   See this question

User · Answer

No  there is no way in simple HTML  Javascript might be your only solution at this time    Loop through all checkboxes in javascript and set them to unchecked   var checkboxes   document getElementsByTagName  input     for  var i 0  i lt checkboxes length  i         if  checkboxes i  type     checkbox           checkboxes i  checked   false          wrap it up in a onload listener and you should be fine then

User · Answer

Well I guess you can use checked  false   That is the html way to leave a checkbox unchecked  You can refer to http   www w3schools com jsref dom obj checkbox asp

User · Answer

jQuery     input type checkbox    removeAttr  checked      Or   lt  -- checked -- gt   lt input type  checkbox  name  foo  value  bar  checked     gt     lt  -- unchecked -- gt   lt input type  checkbox  class  inputUncheck  name  foo  value  bar  checked     gt    lt input type  checkbox  class  inputUncheck  name  foo  value  bar   gt           input inputUncheck   removeAttr  checked

[html] How to make the checkbox unchecked by default always

Examples related to html

Examples related to checkbox