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>

更新：

我试过这样的事情：

$(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)
     }

   });

 });

设置复选框已禁用或只读选中

1 个答案: