2013-10-18 43 views
1

我对JavaScript和基于网络的编程有点新鲜,我正在研究的一个宠物项目将会真正受益于用实际的按钮选择器代替看起来很糟糕的单选按钮,单选按钮。制作一个JavaScript按钮选择器

一张图片胜过千言万语,但显然我不能发布图片,直到我的声望提高,所以让我试着向你描述这一点。

horiozontal单选按钮列表是文本项的列表,在 列举一个水平行,与可选择的“圆”前述它。如果选择了一个 项目,则填充其前面的小“圆圈”。 一次只能选择列表中的一个项目。

水平按钮选择器列表是按钮, 在每个按钮的中心文本表示项目是 选定的水平分组。当您选择中间项目的按钮时,按钮颜色会以某种方式更改以显示它是所选项目。 一次只能选择组中的一个按钮。

按钮选择与单选按钮选择的好处在于,平板电脑和触摸屏用户更容易在水平按钮选择器列表中选择项目,而不是水平单选按钮列表,而且更容易视觉吸引力。

我已经能够弄清楚如何做垂直单选按钮和水平单选按钮,但我想扩展选择器按钮的想法,并将其变成实际的按钮。任何人都可以为此提供一个起点吗?我有超过30个需要选择的“主题”,并且我可以为单个“主题”选择多达20个项目,所以我希望这涉及尽可能少的编码。

谢谢!

回答