title: how to make checkbox readonly in javascript?
body: <p>i want to click a checkbox then the checkbox will be checked if i click again that will not be unchecked and if i take a button and click the button that checkbox can be unchecked </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;SCRIPT&gt;
  function readOnlyCheckBox() {
     return false;
  }
  &lt;/SCRIPT&gt;
  &lt;BODY&gt;
  &lt;input type="checkbox" id="cbx1"
    ` onClick="return readOnlyCheckBox()" CHECKED /&gt; readonly
  &lt;br/&gt;
  &lt;input type="checkbox" id="cbx2"
      CHECKED DISABLED/&gt; disabled
  &lt;/BODY&gt;
  &lt;/HTML&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>this code does not satisfy my answer<strong>strong text</strong></p>