JS实现的radio图片选择按钮效果

网络编程 2025/5/16 佚名

3 2 1

用JS实现的radio图片选择按钮效果。注意：input后面的空格。
用到的图片：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用JS实现的radio图片选择按钮效果-</title> <style> .lanrentuku img{border:1px solid #008800;} </style> </head> <body> <input type="radio" value= "lanrentuku" id= "111" name="aaa" style="display:none"> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100119030617615.gif ');"><img src="/UploadFiles/2021-04-02/20100119030617615.gif " alt="JS实现的radio图片选择按钮效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <input type="radio" value= "lanrentuku" id= "222" name="aaa" style="display:none"> <a href="javascript:;" onclick="showimg('/upload/2010-1/20100119030617308.gif');"><img src="/upload/2010-1/20100119030617308.gif" alt="JS实现的radio图片选择按钮效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <input type="radio" value= "lanrentuku" id= "333" name="aaa" style="display:none"> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100119030617561.gif');"><img src="/UploadFiles/2021-04-02/20100119030617561.gif" alt="JS实现的radio图片选择按钮效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <p>用JS实现的radio图片选择按钮效果。</p> <p>注意：input后面的空格。</p> <p>查找更多代码，请访问：</p> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS,radio,图片选择

标签：

JS,radio,图片选择

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

白云城资源网 Copyright www.dyhadc.com

评论“JS实现的radio图片选择按钮效果”

JS实现的radio图片选择按钮效果

暂无“JS实现的radio图片选择按钮效果”评论...

www.dyhadc.com 白云城资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

更新日志

2025年05月16日

JS实现的radio图片选择按钮效果

JS,radio,图片选择

IE中checkbox在刷新后初始化的问题

9个JavaScript评级/投票插件

评论“JS实现的radio图片选择按钮效果”

更新日志

友情链接