how to make read only field when i checked check box in page

once click to the inactive checkbox is true after I want to make read-only field otherwise field mode is read inline edit mode.

I have used some javascript for this functionality but read-only is work but when I uncheck inactive field than not able to edit.

var field = arguments[0], 
value = arguments[1]; 
//field.mode = ‘read’; 
var $ = skuid.$;

var modelWF = skuid.model.getModel(‘Account’);
    var modelWFSize = skuid.model.getModel(‘Account’).data.length;
    var rowE = modelWF.getFirstRow();
    var checkInactive= rowE.Inactive__c;
    
    
    if(modelWFSize >0 && checkInactive == true){
        field.mode = ‘readonly’; 
        console.log(‘====CHECKTRUE ‘+checkInactive);
        var renderers = skuid.ui.fieldRenderers; 
        var dt = field.metadata.displaytype; 
        var r = renderers[dt]; 
        if (!r) r = renderers.TEXT; 
        r.readonly(field,value);
    }
    if(modelWFSize >0 && checkInactive == false){
        console.log(’====CHECKFALSE: ‘+checkInactive);
        field.mode = ‘read’;
        var renderers = skuid.ui.fieldRenderers; 
        var dt = field.metadata.displaytype; 
        var r = renderers[dt]; 
        if (!r) r = renderers.TEXT; 
        r.read(field,value);

        //console.log($(’.nx-basicfieldeditor:visible’).length);
        //var fieldeditor = $(‘.nx-basicfieldeditor:visible’).data(‘object’);
        //fieldeditor.mode = ‘read’ 
    }