JavaScript: Toggle CheckBox check uncheck in HTML

Question

How to toggle CheckBox check uncheck in HTML in JavaScript ltinput type34checkbox34 id34chkMango34 value34Mango34 gtltlabel for34chkMango34gtMangoltlabelgtI have a CheckBox in the pageHow to toggle check and uncheck CheckBox on button click

dharmendr · Accepted Answer

Hi AdnaanOn Button click check if CheckBox is Checked then set the checked property to false elase trueRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    ltinput type34checkbox34 id34chkMango34 value34Mango34 gtltlabel for34chkMango34gtMangoltlabelgt    ltinput type34button34 value34Submit34 onclick34CheckUncheck34 gt    ltscript type34textjavascript34gt        function CheckUncheck             var checkBox  documentgetElementById39chkMango39            checkBoxchecked  checkBoxchecked            ltscriptgtltbodygtlthtmlgtDemoScreenshot DownloadsDownload Sample

JavaScript: Toggle CheckBox check uncheck in HTML

Company

Explore

Follow us

Contact Us