title: `document.getElementById("is-student").checked` is not take the correct value from the checkbox
body: <p>Hi This is a HTML code for a check box. I need to take the value of the checkbox(true/false).</p>
  <pre><code>&lt;input id=&quot;is-student&quot; type=&quot;checkbox&quot; value=&quot;Student Related&quot;/&gt;
  &lt;input id=&quot;open-new&quot; type=&quot;button&quot; value=&quot;Open New&quot; onclick=&quot;openNew();&quot;/&gt;
  </code></pre>
  <p>This is the java script code for take the input value from the checkbox.</p>
  <pre><code>var testJson = JSON.stringify({
    reference: [{
       studentRelated: document.getElementById(&quot;is-student&quot;).checked
    }]
  });
  
  function openNew()
  {
      window.openNew(testJson);
  }
  </code></pre>
  <p>My problem is <code>document.getElementById(&quot;is-student&quot;).checked</code> always return false. If we click the checkbox, this part returns false, and if we not click the checkbox, then also return false.</p>
  <p>I need to fix that and when we click the checkbox, then <code>document.getElementById(&quot;is-student&quot;).checked</code> part should return true and if we did not click, then should be return <code>false</code>. How can I do that?</p>