設置複選框已禁用或只讀

Question

當用戶選中複選框時，可以設置readonly或disabled屬性嗎？

<div class="form-group"> 
    <div class="col-sm-offset-2 col-sm-10"> 
     <div class="checkbox"> 
      <label> 
       <input type="checkbox" name="checkbox" id="checkbox"> Remember me 
      </label> 
     </div> 
    </div> 

UPDATE：

我想是這樣的：

$(document).ready(function() { 
    $("input:checkbox[name='checkbox']").change(function() { 
     this.prop('readonly', true); 
    }); 
}); 

Answer 1

DEMO

嘗試這種方式。但正如我在評論中說的，一旦你禁用了這個複選框，你不可能再次啓用它，也許你需要改變你的做法。

使用選擇ID，還可以使用道具disabled爲禁用複選框不readonly

$(document).ready(function() { 

    $("#checkbox").change(function() { 
    if ($(this).is(':checked')) {//check if checkbox is checked 
     $(this).prop('disabled', true) 
    } 

    }); 

});