在自动启动/自动编码中选中复选框时自动禁用

Question

嗨，还有人有比这个更好的主意吗?因为此代码需要点击方框才能启用禁用功能。我想要一个自动禁用，如果框已经被选中。请帮助我，我只是一个业余程序员，不像你们这些家伙…谢谢!

$ = jQuery; 
$(document).ready(function(){ 
$("[type='checkbox']").on('change',function(){ 
if($(this).is(':checked')) { 
$("[type='checkbox']").prop("disabled", true)
.css("background","rgba(135, 206, 235, 0.4)"); 
} 
}); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我期望自动禁用那些未选中的复选框。

Answer 1

简单地删除change事件回调，以便if语句在页面准备好后立即执行。

$ = jQuery; 
$(document).ready(function(){ 
if($("[type='checkbox']").is(':checked')) { 
$("[type='checkbox']").prop("disabled", true)
.css("background","rgba(135, 206, 235, 0.4)"); 
} 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>