求助关于radio单选按钮的样式
我想设计一组单选按钮,每个按钮的图片都不同,比如一组按钮的图片 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去绑定一个个事件去更改样式就行了