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

网络编程 2025/2/7 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

用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需再刷新一下页面才能执行]