1. 爱易网页
  2. JavaSript
  3. 关于radio单选按钮的样式

关于radio单选按钮的样式

日期：2014-05-16　 浏览次数：20436 次

求助关于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去绑定一个个事件去更改样式就行了

相关资料更多>

  1. jstack定位有关问题
  2. js获取浏览器高度跟宽度值(多浏览器)(转载)
  3. 为什么以上代码不能动态插入span节点
  4. 请问一个extjs的combobox的有关问题
  5. JS时间格式化
  6. jquery插件masonry.js兑现竖列状图片排列特效
  7. jquery插件有关问题，没见过这种结构
  8. FullPage.js – 轻便实现全屏滚动（单页网站）效果的应用
  9. ExtJs通用罗选查询控件