【发布时间】：2011-06-25 10:29:50
【问题描述】：
我想创建类似这样的单选按钮或其他类型的控件：
[_value1_] [value2] [value3]
Value1 被选中，因此看起来像是按下的按钮或选定的链接（粗体，无下划线），其他元素是活动按钮/链接。当用户选择另一个值时 - 状态会改变。我可以手动处理这个事件，问题是 - 我应该使用什么插件或现有的 css/js 组合来实现这个？
我很确定这种类型的控件有名字，但想不出这是什么。我试图搜索自定义样式的单选按钮，因为功能相同，但失败了。我也尝试了其他一些名称，例如开关按钮，但这不是我想要的。它也与标签非常相似，但标签通常被设计为需要附加下划线 div 的东西。所以我正在寻找“单选按钮与标签”的 css/js 解决方案。
如果你知道它的名字，你能帮我命名这个控件吗，或者找到可以帮助我实现目标的插件/现有代码？
问题不是我自己如何创建这种类型的功能，我可以做到，但是很奇怪没有现有的解决方案，我想帮助处于相同情况的人，也可能是现有的解决方案设计可以更好我不能发明自己，因为我不是设计师。
回答
这种类型的控件可以作为“Simplified CSS Tabs”或“CSS Mini Tabs”找到，但它们需要一些额外的代码才能按预期工作。
此外，这种类型的功能可以在 Google 中找到，即 jQuery UI radio buttons transformed into a button set 和 Yahoo UI Button Control: Radio Buttons
【问题讨论】：