收音机风格但有图像

Question

我希望制作类似收音机样式的按钮，但没有文字，只是图片。这样的东西就是我想要在下面打造的样式。我想让它在点击它的某个图像。但我希望它发送一个像单选按钮html编码的值。

我应该如何编写这个或者是否有任何提示或我应该遵循的任何内容？只是不知道如何处理它。

基本上我想要的东西就像单选按钮一样，但在下面的主题中。

Answer 1

就个人而言，我会使用jQuery。为每个“radio”（带有类无线电的div）添加一个onclick来运行一个函数，该函数从所有div中删除“selected”类并将其添加到单击的那个中。

示例：http://jsfiddle.net/dGWJp/

如果您需要从无线电中检索数据，请根据HTML5规范为每个无线电div提供data-value="valuehere"（也可以在较旧的HTML中使用！），使用jquery查找选定的div，然后获取'数据值'来自那里的属性。

在开头设置一个selected以及radio以强制进行选择。