用多个自定义图像替换表单元素答案

【问题标题】：Replace form elements with multiple custom images用多个自定义图像替换表单元素
【发布时间】：2011-03-16 03:39:17
【问题描述】：

我有一种复选框，每个复选框都需要替换为不同的图像。我发现了一些插件可以用自定义图像替换复选框/单选字段，但是这些插件仅适用于单个图像。（我可以看到，从可用性的角度来看，在传统意义上，您不希望单选框/复选框字段使用一堆不同的图像）。

为了让事情变得更复杂，除了将复选框替换为自定义图像之外，我还将在其上叠加另一个图像！

对实现这一点有什么建议吗？

谢谢

编辑：两个图像都应该是可见的，即自定义复选框图像最大，附加的覆盖图像更小。

【问题讨论】：

【解决方案1】：

您需要做的是将复选框的显示设置为无。然后将.mousedown() 事件添加到运行此代码的图像中：$('#checkbox_id').click()。这就是您为复选框设置自定义图像的方式。

如果您在复选框图像上方有另一个图像，您能看到复选框图像吗？

【讨论】：