使用类似复选框的图像

Question

我想要替代标准复选框-基本上，我想使用图像，并且当用户单击图像时，将其淡出并覆盖一个复选框。

本质上，当您单击符合特定条件的图像时，我想做类似Recaptcha 2的操作。您可以在此处看到Recaptcha演示，但有时可能会带您解决文本问题，而不是选择图片。

单击其中一张图像（在本例中，其中包含牛排的图像）时，单击的图像尺寸会缩小，并出现蓝色对勾，表示已对它进行了对勾。

假设我要重现此确切示例。

我意识到我可以有9个隐藏的复选框，并附加一些jQuery，以便当我单击图像时，它可以选择/取消选择隐藏的复选框。但是，图像缩小/覆盖刻度线又如何呢？