Disable other checkboxes once the first one is enabled
<p>I am building multiple checkboxes. I want to add the functionality that if the first answer is Yes (Did data reach ? Ans: Yes), all the remaining checkboxes are disabled. How should I go about doing that ?</p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;p&gt;&lt;span&gt;Did data reach?&lt;/span&gt;
   &lt;form action="" method="post"&gt;
     &lt;input type="checkbox" id="checkme1" value="Yes" /&gt;
     Yes
     &lt;input type="checkbox" id="checkme2" value="No" /&gt;
     No
   &lt;/form&gt;
 &lt;/p&gt;
 &lt;p&gt;
   &lt;span&gt;Is time right?&lt;/span&gt;

   &lt;form action="" method="post"&gt;
      &lt;input type="checkbox" id="checkme3" value="Yes" /&gt;
      Yes
      &lt;input type="checkbox" id="checkme4" value="No" /&gt;
      No
   &lt;/form&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;span&gt;Is order complete?&lt;/span&gt;
    &lt;form action="" method="post"&gt;
      &lt;input type="checkbox" id="checkme5" value="Yes" /&gt;
      Yes
      &lt;input type="checkbox" id="checkme6" value="No" /&gt; 
      No
    &lt;/form&gt;
  &lt;/p&gt;
</code></pre>

<p><strong>JS:</strong></p>

<pre><code> var checker1 = document.getElementById('checkme1');
 var checker2 = document.getElementById('checkme2');
 var checker3 = document.getElementById('checkme3');
 var checker4 = document.getElementById('checkme4');
 var checker5 = document.getElementById('checkme5');
 var checker6 = document.getElementById('checkme6');
 // when unchecked or checked, run the function
 checker1.onchange = function(){
if(this.checked){
    checkme1.disabled = false;
} else {
    checkme2.disabled = false;
} else {
    checkme3.disabled = true;
} else {
    checkme4.disabled = true;
} else {
    checkme5.disabled = true;
} else {
    checkme6.disabled = true;

}
</code></pre>