Checkbox em imagem - CSS + HTML

[Scit3r]

Olá, estou desenvolvendo um site e queria que as seguintes imagens do cardápio:

*http://imgur.com/8Iv56ub

"Virassem" chekbox, que quando clicadas, fazem o papel de checkbox e mudem para uma imagem "checked" conforme a imagem:

*http://imgur.com/llfVIcK

A minha dúvida é, como transformar essas imagens em checkbox ?

Segue abaixo o código desse primeiro item do cardápio:

<div id="tab-3" class="tab-content gallery3">

<div class="grid_3">

<a href="images/tomate_big.png" class="gal"><img src="images/tomate.jpg" alt=""><span></span></a>

<div class="col2"><span class="col3">Tomate Recheado com Ricota</span><br>R$ 19.99</div>

</div>

Onde a classe "gal" altera as formatações das imagens (deixam-as redondas)

OBS: Os itens do cardapio quando clicados se expandem mostrando as informações nutrticionais (<a href="images/tomate_big.png" class="gal">), tal função pode ser deletada.

[Diego Venâncio]

poxa, muito legal, também estou precisando disso... Conseguiu achar a solução?