选中复选框后，如何禁用它？

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 );
    });

参考道具

JsFiddle