How do I modify the WebAppBuilder "LayerList' widget to use radio buttons instead of checkboxes?

I've downloaded the developer version of the Web app builder and installed in on my machine. I can open up the widget '\LayerList\LayerListView.js', and I have been exploring the source code.

I would like to be able to modify the code in order to have a combination of both radio buttons, and check boxes. I am fairly new to javascript programming, so my knowledge doesn't go much beyond being able to copy / paste and hack basic code.

Functionality needed:

• By clicking a check box, it will enable or disable a map service


• By clicking a radio button, it will enable a map service, while turning off other map services that are also exposed as radio buttons.