how to make checkbox readonly in javascript?
<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>