ONCLICK event help

hello, im new to coding & I’m struggling with adding them to my website. I know what I want done and I can find the codes, but I’m not sure how to personalize them to fit the mold of my website. I have a section on my site for building your own wig. Ive already added my checkboxes & set them to my database, but I need a code for onclick events.
For example, you can choose between black & blonde hair. Some of my clients pay for custom coloring, & I have a upload button to add a picture of the desired color. But, the problem I’m having seems to be connected to the ‘collapsed on load’ action. I don’t want the picture upload button to appear until they select the BLONE checkbox. So it needs to be hidden on load. Cann anyone help me with this ? I will attach a picture of my site below.

Your code should first of all check if the dataset is ready before it executes:

$w.onReady( function () {
$w(“#HereComesTheIdnameOfYourDataset”).onReady( () => {
Here comes your code
} )
})