javascript - 收音机风格但有图像

Question

我正在寻找类似单选按钮的东西，但没有文字，只有图像。像这样的东西是我想在下面设计的。我想让它在点击它的某个图像时。但我希望它像单选按钮 html 编码那样发送一个值。

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

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

Answer 1

就个人而言，我会使用 jQuery。为每个“收音机”（带有收音机类的 div）添加一个 onclick 以运行一个函数，该函数从所有 div 中删除“选定”类并将其添加到单击的对象中。

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

如果您需要从收音机中检索数据，请data-value="valuehere"按照 HTML5 规范为每个收音机 div 提供一个（也适用于较旧的 HTML！），使用 jquery 找到选定的 div，然后从那里获取“数据值”属性。

在开始时设置一个selected以radio强制选择。