快捷導(dǎo)航

JS實現(xiàn)的radio圖片選擇按鈕效果

更新時間：2010年01月19日 03:06:02 作者：

用JS實現(xiàn)的radio圖片選擇按鈕效果

用JS實現(xiàn)的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實現(xiàn)的radio圖片選擇按鈕效果-腳本之家</title> <style> .lanrentuku img{border:1px solid #008800;} </style> </head> <body>  <div   id="wppm3vysvbp"   class="lanrentuku"> <input type="radio" value= "lanrentuku" id= "111" name="aaa" style="display:none"> <img id="aa" src="/upload/2010-1/20100119030617615.gif " onclick="myFun(this.id)"> <input type="radio" value= "lanrentuku" id= "222" name="aaa" style="display:none"> <img id="bb" src="/upload/2010-1/20100119030617308.gif" onclick="myFun(this.id)"> <input type="radio" value= "lanrentuku" id= "333" name="aaa" style="display:none"> <img id="cc" src="/upload/2010-1/20100119030617561.gif" onclick="myFun(this.id)"> </div> <p>用JS實現(xiàn)的radio圖片選擇按鈕效果。</p> <p>注意：input后面的空格。</p> <p>查找更多代碼，請訪問：<a href="http://www.fzitv.net/" target="_blank">腳本之家</a></p> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

layui動態(tài)加載多表頭的實例
今天小編就為大家分享一篇layui動態(tài)加載多表頭的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
開發(fā)用到的js封裝方法（20種）
在本問中我們給大家總結(jié)了20種開發(fā)中常用到的JS封裝方法，有需要的讀者們可以學(xué)習(xí)下。
2018-10-10
JavaScript DOM節(jié)點操作方法總結(jié)
下面小編就為大家?guī)硪黄狫avaScript DOM節(jié)點操作方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
JavaScript實現(xiàn)點擊按鈕切換網(wǎng)頁背景色的方法
這篇文章主要介紹了JavaScript實現(xiàn)點擊按鈕切換網(wǎng)頁背景色的方法,涉及JavaScript基于鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
JavaScript前端實現(xiàn)壓縮圖片功能
這篇文章主要介紹了JavaScript前端實現(xiàn)壓縮圖片功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
JavaScript正則表達(dá)式簡單實用實例
這篇文章主要介紹了JavaScript正則表達(dá)式簡單實用實例的相關(guān)資料,需要的朋友可以參考下
2017-06-06
google地圖的路線實現(xiàn)代碼
google地圖的路線實現(xiàn)代碼，大家可以參考下，實現(xiàn)自己想要的功能。
2009-08-08
javascript 閉包
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個函數(shù)），因而這些變量也是該表達(dá)式的一部分，本文將用通俗的語言帶您深入理解Javascript閉包的概念。
2011-09-09
微信小程序開發(fā)之獲取用戶手機號碼(php接口解密)
這篇文章主要介紹了微信小程序開發(fā)之獲取用戶手機號碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
js實現(xiàn)仿QQ秀換裝效果的方法
這篇文章主要介紹了js實現(xiàn)仿QQ秀換裝效果的方法,實例分析了javascript操作圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03