title: Yii2: How to make radio button non clickable in Jquery
body: <pre><code>&lt;?php
  $script = &lt;&lt;&lt; JS
  
  $(':radio').on('change', function() 
  {   $(':radio:checked').closest('label').prevAll('label').children(':radio').prop('disabled', true);
  })
  .trigger('change');
  
  JS;
  $this-&gt;registerJs($script);
  ?&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/BNOpd.jpg" alt="enter image description here"></p>
  
  <p><strong>FORM Field</strong></p>
  
  <pre><code>&lt;?php  echo $form-&gt;field($model, 'status')-&gt;radioButtonGroup($model-&gt;getStatusList(),['disabledItems'=&gt;[]]); ?&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-group field-status-status required"&gt;
  &lt;label class="control-label" for="tum"&gt;Status&lt;/label&gt;
  &lt;input type="hidden" name="Status[status]" value=""&gt;&lt;div id="tum" class="btn-group" data-toggle="buttons"&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="APPROVED"&gt; Approved&lt;/label&gt;
  &lt;label class="btn btn-default active"&gt;&lt;input type="radio" name="Status[status]" value="DIGITAL" checked&gt; Digital&lt;/label&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="CDP"&gt; CDP&lt;/label&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="PRINT"&gt; Print&lt;/label&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="OTHERPROCESS"&gt; OtherProcess&lt;/label&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="PACKING"&gt; Packing&lt;/label&gt;
  &lt;label class="btn btn-default"&gt;&lt;input type="radio" name="Status[status]" value="DISPATCH"&gt; Dispatch&lt;/label&gt;&lt;/div&gt;
  </code></pre>
  
  <p>As shown in images Approved is disable button but still its clickable, it should completely grey non-clickable how to achieve this? </p>