如果一旦选中，如何禁用复选框

Question

我有一个包含复选框的下拉列表。如果我从列表中选中了一些复选框，那么这些复选框仍然处于禁用状态但仍保持启用状我发布了一张图片。在这里，我选择前两个复选框，然后这些复选框保持禁用，如果我再次选择相同的位置相同的类型和相同的块，然后只保留复选框启用在这种情况下最后两个。

我的JavaScript代码：

<script type="text/javascript">
$(document).ready(function(){
     $('#loc').on('change',function(){
         $('#type').val('');
     });
    $('#type').on('change',function(){
        var countryID = $(this).val();
        var locID = $('#loc').val();
        //alert(locID);
        if(countryID){
            $.ajax({
                type:'POST',
                url:'fetchtype.php',
                data:'country_id='+countryID + '&locID=' + locID,
                success:function(html){
                    $('#block').html(html);
                }
            });
        }
    });
    $('#block').on('change',function(){
        var stateID = $(this).val();
        var typeID = $('#type').val();
        //alert(typeID);
        if(stateID){
            $.ajax({
                type:'POST',
                url:'fetchtype.php',
                data:'state_id='+stateID+ '&typeID=' + typeID,
                success:function(html){
                $('#Flr').html('');
                $('#Flr').multiselect('destroy');
                $('#Flr').html(html);
                $('#Flr').multiselect('refresh');
                $('#Flr').multiselect();
              }
            });
        }
    });

});
</script>