html修改默认单选框样式

共4个文件

png：2个

project：1个

html：1个

input

radio

checked

IE8+

5星 · 超过95%的资源需积分: 50 58 下载量 73 浏览量 2017-03-17 10:31:24 上传评论收藏 3KB ZIP 举报

温馨提示

修改默认单选框样式适用于所有浏览器包括IE8+ 功能和单选框的功能相同！后台可读取checked属性

资源推荐

资源详情

资源评论

收起资源包目录

radio.zip （4个子文件）

radio

test.html 914B

.project 381B

box.png 667B

box_choose.png 807B

共 4 条

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <style> label{ width:20px; height:20px; display:inline-block; background: url(box.png) no-repeat; } label.checked { background: url(box_choose.png) no-repeat; } label input{ display:none; } </style> </head> <body> <label><input type="radio" name="rule"></input></label> <label><input type="radio" name="rule"></input></label> <label><input type="radio" name="rule"></input></label> <label><input type="radio" name="rule"></input></label> </body> <script> $(function(){ $('label').click(function(){ $('label').removeAttr('class') && $(this).attr('class', 'checked'); $('label').children('input').removeAttr('checked') && $(this).children('input').attr('checked', 'checked'); }); }) </script> </html>

评论收藏

内容反馈

资源评论