javascript - 用多个自定义图像替换表单元素

标签 javascript html css forms

我有一种复选框形式,每个复选框都需要用不同的图像替换。我发现了一些可以用自定义图像替换复选框/单选框的插件,但是这些插件只适用于单个图像。 (我可以看出,从传统意义上的可用性 Angular 来看,您不希望单选框/复选框字段有一堆不同的图像)。

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

有什么建议可以实现吗?

谢谢

编辑:两个图像都应该可见,即自定义复选框图像最大,附加叠加图像较小。

最佳答案

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

如果复选框图像上方有另一张图像,您能否看到复选框图像?

关于javascript - 用多个自定义图像替换表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5316939/

相关文章:

javascript - 注入(inject)代码时不带 src 属性?

javascript - 在加载所有指定模块之前,我可以检测到 requirejs 何时由于用户导航而生成脚本错误吗?

css - SASS/指南针/结构/编译

html - 如何将多个按钮粘贴到具有不同内容的多个面板

javascript - onKeyPress 和 onKeyUp 的区别

javascript - 检查地址栏中的字符串是否与 li id 匹配

html - 让图像在彼此下方排列

javascript - 在新窗口中打开链接,而不是在新选项卡中

javascript - 了解未登录 Chrome 浏览器时 chrome.storage.sync 的行为

javascript - 如何在 View 中设置组件样式?