How to hide markers inside the map

See more:

Javascript

CSS

HTML

Good Morning, I am developing a website that has a GIS features (Mapping)

1.I have done in uploading my desired map in my website
2.I am also done inserting image in the map as marker together with the info.
3.but i am not done yet in saving.

Now my question is that how can i filter the images? i mean let say i have a sample map with a lot of markers (ex. thunder,rain,snow) if i uncheck the thunder all of the image of the thunder inside the map will hide(vice versa).

i just want a simple code with this one because i am new in mapping system. TYVM

I am using leaflet