title: else block in if statement is never reached
body: <p>I know there are many similar questions on IF statements, but I haven't found one specific to my case</p>
  
  <p>I can't see why the else block is never hit when the condition should be toggling between true and false</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>document.getElementById("outlineCheck").addEventListener("click",
    function() {
      if (document.getElementById("outlineCheck").checked == true) {
        document.getElementById("outlineCheck").checked = false;
      } else {
        console.log("hit")
        document.getElementById("outlineCheck").checked = true;
      }
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt;&lt;input asp-for="CourseOfferingOverviewFlag" value="1" 
       id="outlineCheck" type="radio" /&gt;</code></pre>
  </div>
  </div>
  </p>