How can I have a Change event functionality with RADIO_BUTTON enabled in a PICKLIST custom renderer

I was trying to have a custom renderer script on a PICKLIST component in a table.

What I want to do is, populate the picklist values as radio buttons and highlight the table row when there is a non blank value.

I’ve tried below custom renderer and which rederes the PICKLIST as radio buttons.

Could someone tell me how could I have a change function with the field.options.type = ‘RADIO_BUTTONS’; option enabled?

OR

Is there any other way to highlight the rows of a table based on the selected picklist values?


var $ = skuid.$;
var field = arguments[0],
value = arguments[1],
model = field.model,
row = field.row;


field.options.type = ‘RADIO_BUTTONS’;
field.mode = field.mode === ‘readonly’ ? ‘read’ : field.mode;
skuid.ui.fieldRenderers.PICKLISTfield.mode;


switch( field.mode ) {   
    case ‘edit’:
        skuid.ui.fieldRenderers[field.metadata.displaytype].edit( field, value );
        if(value) {
           field.item.element.addClass(“LeadTab_highlighted-row”);
        }
        break;
}


Thanks

“RADIO_BUTTON” - http://help.skuid.com/m/11720/l/214170-skuid-ui-basic-renderers