如何禁用勾選後的複選框？

Question

我有一個複選框。首先，我檢查了一下，然後我想更改支票，現在可以。

但是，我想禁用此功能。沒有人會被允許更改該複選框的值，一旦選定。

對於這個我能在我的代碼做：

視圖

<div class="control-group"> 
    <label class="control-label">Language Known</label> 
    <div class="controls"> 
     <label class="checkbox"> 
      <input type="checkbox" value="1" name="lang_known"/> Hindi 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" name="lang_known" value="2" /> French 
     </label> 
    </div> 
</div> 

Answer 1

您可以通過jQuery的是這樣實現的：

<input class="something" type="checkbox" value="1" /> 

jQuery中

//On click 
    $('.something').on('click', function() { 
     //disable if checked 
     $(this).prop("disabled", this.checked); 
    }); 

Reference Prop

JsFiddle