TypeError: Cannot set property 'checked' of null for CheckBox

Question

document.getElementById("cbox0").checked = true;

I am using this statement to auto check a checkbox but i get TypeError: Cannot set property 'checked' of null for CheckBox this error. I have tried to use if statement to check if its not a null but it also give me the same error.

jsp+='<input id="cbox'+index+'" type="checkbox" name="compare" value="'+rightCard.oid+'" onchange="myFunction('+index+')"><label for="cboxCard'+index+'">&nbsp;</label>';

maazadeeb · Accepted Answer · 2017-08-25 03:16:59Z

4

There could be 2 possible problems.

There is no checkbox with the id as cbox0. Hence, getElementById returns null, leading to your error
Your JavaScript is executed before your checkbox is loaded into the DOM. You can solve this by wrapping your code inside a DOMContentLoaded event listener, like this

document.addEventListener("DOMContentLoaded", function() {
  document.getElementById("cbox0").checked = true;
});

<input id="cbox0" type="checkbox" name="compare" value="test">

Note that the snippet above works even without the event listener on StackOverflow. That's probably because StackOverflow's snippet runs it's JavaScript similar to what I've written.

answered Aug 25, 2017 at 3:16

maazadeeb

6,1122 gold badges32 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sampath Wijesinghe · Accepted Answer · 2017-08-25 02:57:33Z

1

wrap your code within an onload event.

answered Aug 25, 2017 at 2:57

Sampath Wijesinghe

6901 gold badge11 silver badges34 bronze badges

Collectives™ on Stack Overflow

TypeError: Cannot set property 'checked' of null for CheckBox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related