Set Checkbox to Checked with JavaScript after page Load

javascript html checkbox listener onload
dubesor picture dubesor · Jul 11, 2016 · Viewed 29.3k times · Source

I've got a small challenge in trying to set this checkbox element on my page to checked, after the page loads:

<input type="checkbox" id="1403317">

Challenges:
1. This <input> can only be called by its id since there's no name attribute set.
2. The JS code to do this cannot be placed inside the <head></head> tag - I don't have access to that part of the code in this use case so this must work somewhere in <body></body>.

Here's how I've tried to do this so far (before the closing </body> tag), but with no effect. Is something wrong with my syntax?

<script type="text/javascript">
    window.onload = function() {
    document.getElementById("1403317").checked = true;
    }
</script>

Answer

Will Hamic picture Will Hamic · Jul 11, 2016

This should do what you are looking for. It works correctly in the snippet.

window.onload = onPageLoad();

function onPageLoad() {
  document.getElementById("1403317").checked = true;
}
<input type="checkbox" id="1403317">

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
Check if checkbox is checked with jQuery

How can I check if a checkbox in a checkbox array is checked using the id of the checkbox array? I am using the following code, but it always returns the count of checked checkboxes regardless of id. function isCheckedById(…

Read More
How to implement "select all" check box in HTML?

I have an HTML page with multiple checkboxes. I need one more checkbox by the name "select all". When I select this checkbox all checkboxes in the HTML page must be selected. How can I do this?

Read More