Question

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

Answer 2

try this one maybe ?

$(document).ready(function() { 
$('#1403317').attr('checked', true)
};

Set Checkbox to Checked with JavaScript after page Load

2 个答案: