错误未捕获TypeError：无法读取属性＆＃39;已检查＆＃39;为null

Question

当我点击复选框时，我需要显示图像。现在我收到一个错误：

  

未捕获的TypeError：无法读取属性＆＃39;已检查＆＃39;是的       在（指数）：185
      在发货时（VM576 jquery.min.js：3）
      at i（VM576 jquery.min.js：3）

你能告诉我如何解决它吗？我在下面提供了我的代码。

http://jsfiddle.net/xda0kL6w/1/

if (document.getElementById('checkIDGrid').checked) {
  alert("I am checked for the grid");

  var img = $('<img />', {
    id: 'Myid',
    src: 'https://thumbs.dreamstime.com/z/pixel-perfect-web-development-flat-icons-set-website-programming-process-webpage-coding-user-interface-creating-45297890.jpg',
    alt: 'MyAlt'
  });
  img.appendTo($('<tr>'));

} else {
  alert("I am not checked for the grid");
}

Answer 1

这样的事情：

const option = document.getElementById('checkIDGrid');
if ( option && option.checked) {
    ...
}