選中復選框后，如何禁用它？

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