如何在选中后禁用复选框？

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