Checkbox hidden on body load [closed]

by

I think you’re looking for document.onready which is available using jQuery, but to keep it with javascript, as in your question, I suggest you move your javascript call to the end of the document. The onload will execute before the checkbox is rendered, that’s why you’re getting the error.

Try the following approach:

<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
    <input type="checkbox" id="chk" checked />Checkbox
    <script type="text/javascript">
        document.getElementById('chk').style.display = 'none';
    </script>
</body>
</html>

As long as the javascript reference to the checkbox is after its declaration it should work just fine.
jQuery reference: http://api.jquery.com/ready/

I hope this helps.

More Related Contents:

  1. How do I check whether a checkbox is checked in jQuery?
  2. How to implement “select all” check box in HTML?
  3. Javascript – How to detect if document has loaded (IE 7/Firefox 3)
  4. jQuery checkbox change and click event
  5. How to run function in AngularJS controller on document ready?
  6. How to stop event bubbling on checkbox click
  7. ‘onload’ handler for ‘script’ tag in internet explorer
  8. Best practice for using window.onload
  9. JQGRID – maintain check box selection state – page refresh / redirect / reload
  10. Testing if a checkbox is checked with jQuery
  11. How to check all checkboxes using jQuery?
  12. Attach a body onload event with JS
  13. jquery attr(‘checked’,’checked’) works only once
  14. What the difference between .click and .change on a checkbox [duplicate]
  15. How to select all checkboxes with jQuery?
  16. AngularJS – Image “onload” event
  17. Making sure at least one checkbox is checked
  18. How do i disable a submit button when checkbox is uncheck?
  19. How to check in js that user has checked the checkbox in Google recaptcha?
  20. How to reset all checkboxes using jQuery or pure JS?
  21. Creating the checkbox dynamically using JavaScript?
  22. javascript – document.write error?
  23. How do I determine if a checkbox is checked?
  24. Javascript before onload?
  25. submitting a form when a checkbox is checked
  26. Async-loaded scripts with DOMContentLoaded or load event handlers not being called?
  27. Is there a way to have an onload callback after changing window.location.href?
  28. Is bubbling available for image load events?
  29. binding data to angular checkbox
  30. Custom Checkbox

Leave a Comment