Set Checkbox to Checked with JavaScript after page Load

33,884

Solution 1

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">

Solution 2

try this one maybe ?

$(document).ready(function() { 
    $('#1403317').attr('checked', true)
};
Share:
33,884
dubesor
Author by

dubesor

Updated on July 09, 2022

Comments

  • dubesor
    dubesor almost 2 years

    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>