如何禁用勾选后的复选框？

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