关于radio单选按钮的样式
日期：2014-05-16 浏览次数：20521 次
求助关于radio单选按钮的样式
我想设计一组单选按钮，每个按钮的图片都不同，比如一组按钮的图片 1 2 3 4 5 选择某一个数字他的样式发生变化（比如换成另外的图片）。
我在网上找了很久发现所有的改变样式都是针对一组单选而不是每一个单选按钮。请问有没有办法实现我想要的效果？
先行感谢~~
------解决方案--------------------
每个radio用不同的class
------解决方案--------------------
根据ID去改变某一个啊。
var ul = document.getElementById('你要改变的radio);
ul.className= '样式名';
------解决方案--------------------
我想设计一组单选按钮，每个按钮的图片都不同，比如一组按钮的图片 1 2 3 4 5 选择某一个数字他的样式发生变化（比如换成另外的图片）。
我在网上找了很久发现所有的改变样式都是针对一组单选而不是每一个单选按钮。请问有没有办法实现我想要的效果？
先行感谢~~
------解决方案--------------------
每个radio用不同的class
------解决方案--------------------
根据ID去改变某一个啊。
var ul = document.getElementById('你要改变的radio);
ul.className= '样式名';
------解决方案--------------------
- CSS code
#radio1,#radio2,#radio3{width:50px; background-repeat:no-repeat;}
#radio1{ background-image:url("images/1.gif");}
#radio1.a{ background-image:url("images/1a.gif");}
#radio2{ background-image:url("images/2.gif");}
#radio2.a{ background-image:url("images/2a.gif");}
#radio3{ background-image:url("images/3.gif");}
#radio3.a{ background-image:url("images/3a.gif");}
------解决方案--------------------
根据id去绑定一个个事件去更改样式就行了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
