我想要一个单选按钮的功能，但可以选择基于图像。例如，我将有一个标签（付款方式）。我想用每个接受的付款（信用卡/卡，PayPal，西联汇款等）设置各种DIV /图像。而不是选择一个小的小圆圈单选按钮，而不是他们只需单击图像并更改边框或图像以指示已选择方法。
如果我可以将这个功能与DIV元素一起使用会更好，这样我就可以在DIV（文本，图像等）中添加我想要的任何内容并让DIV本身具有某种边界出现在选择中。
使用输入类型=收音机可以吗？如果使用无线电无法做到这一点，那么你建议如何实施呢？如果已实施，请链接：）
答案 0 :(得分：2)
不可能直接设置复选框或单选按钮的样式，但是，我在这些情况下做的是使用jQuery创建自己的自定义复选框，并根据用户选择，我做两个中的一个：< / p>
1）更改隐藏字段的值
2）更改已存在的复选框的值，但不会向用户显示，因此display：none;将适用于它。
这很简单，让你复制一个div甚至，让我们说15px高和15px宽，并使用jQuery绑定点击事件。然后，您可以在每次单击时切换类，这反过来使您可以自由地设置样式，并且基于类或单击状态，您可以将实际复选框值分配给隐藏字段或隐藏复选框。
这有帮助吗？
这方面的一个很好的资源是： http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/
或者，如果您有插件，请执行以下操作： http://plugins.jquery.com/taxonomy/term/1360