样式单选按钮(jquery?)

Posted

技术标签:

【中文标题】样式单选按钮(jquery?)【英文标题】:Styled radio buttons (jquery?) 【发布时间】:2011-01-08 11:36:33 【问题描述】:

我需要没有样式的单选功能。

如何设置某些(任何东西)的样式,使其像单选按钮一样工作,并在表单中捕获输入?

【问题讨论】:

@Kevin 您能详细说明您正在谈论的功能吗?您想要单选按钮功能而不让它看起来像单选按钮? 【参考方案1】:

我wrote a tutorial 关于如何仅使用 CSS 创建自定义单选按钮。基本上,您隐藏单选按钮本身并根据需要设置其标签的样式,这很容易。也许这有帮助:)

【讨论】:

你能帮我解决这个问题吗,基本上我正在尝试归档这个:只允许选中 1 个单选框,这意味着当你选中一个单选框时,其余的应该被取消选中:***.com/questions/29616129 为每个单选按钮添加相同的name 属性【参考方案2】:

类似this?

我认为他们所做的只是隐藏了页面上的实际单选按钮,用精美的图标、图像和文本替换它们。单击这些元素会强制单选按钮在幕后更改。

有各种各样的:

http://www.chriserwin.com/scripts/crir/index.php

http://lipidity.com/fancy-form/

http://widowmaker.kiev.ua/checkbox/

【讨论】:

以上是关于样式单选按钮(jquery?)的主要内容,如果未能解决你的问题,请参考以下文章

简单的jquery模仿单选按钮效果

jQuery UI 单选按钮 - 如何正确切换选中状态

如何在引导表中设置单选按钮或复选框的样式?

单选按钮样式

jQuery如何获取选中单选按钮radio的值

如何用jquery美化单选按钮和复选框