JS实现的radio图片选择按钮效果-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

用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"> <img id="aa" src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/56cb1b2b591d4fad4217d017452f0128.gif " onclick="myFun(this.id)"> <input type="radio" value= "lanrentuku" id= "222" name="aaa" style="display:none"> <img id="bb" src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/b0624352e44f9b8576a520daef90b415.gif" onclick="myFun(this.id)"> <input type="radio" value= "lanrentuku" id= "333" name="aaa" style="display:none"> <img id="cc" src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/e7264b5ca628cc6c737bef6be18cd9ee.gif" onclick="myFun(this.id)"> <p>用JS实现的radio图片选择按钮效果。</p> <p>注意：input后面的空格。</p> <p>查找更多代码，请访问：脚本之家</p> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：JS实现的radio图片选择按钮效果，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读