Cloudbox | based solution | Media library

In another stackoverflow answer, I found how to have check boxes in a Bootstrap dropdown using an input tag of checkbox inside a label tag inside a li tag inside a UL tag. One of the checkboxes is to select ALL parameters. When checked, the other checkboxes need to be unchecked and disabled. When the ALL checkbox is unchecked, the other checkboxes are enabled. I have tried many answers to other people's questions but cannot seem to get the other checkboxes disabled and unchecked. Another option for me is that when the ALL checkbox is checked, to check all the other boxes and when it is unchecked, to uncheck all the other boxes. Any help is greatly appreciated. Here is the code I have tried:

'''