Prevent the default action of a checkbox:
<!DOCTYPE html> <html> <body> Try to check this box: <input type="checkbox" id="myCheckbox"> <p>Toggling a checkbox is the default action of clicking on a checkbox. The preventDefault() method prevents this from happening.</p> <script> document.getElementById("myCheckbox").addEventListener("click", function(event){ event.preventDefault()//from ww w.j a v a2 s . c o m }); </script> </body> </html>