HTML forms make image to a checkbox

I'm trying to make a HTML forms checkbox to a clickable image that is one image when initialized and another when clicked on. It should also be able to store one or two variables on it (because I need to generate them with a row and column variable on them) and work with the submit button.

Also sorry if this is a really easy question, I normally only work with C# and a bit of PHP when it is needed, but this time I'm forced to work with html and CSS, which I never was good at.