加载中…
个人资料
csdiv
csdiv
  • 博客等级:
  • 博客积分:0
  • 博客访问:0
  • 关注人气:0
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

用图片来代替radio按钮,希望选中之后图片有所变化!

(2009-07-18 09:44:50)
标签:

radio

name

this

document

body

it

分类: CSS经典代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
  function myFun(sId){
    var oImg  = document.getElementsByTagName('img');
    //var oI = document.getElementById(sId);
    //v//r Pare = oI.parentNode;
    for(var i = 0;i< oImg.length;i++){
        if(oImg[i].id == sId){               
            oImg[i].parentNode.checked = true;
            oImg[i].style.border = '5px solid #ccc';
        }else{
            oImg[i].style.border = '0px';       
        }
    }
  }

  </script>
 </HEAD>

 <BODY>

  <input type= "radio"  value= "aaaaaa"  id= "111"  name="img" >啊啊 <img id="aa" src= "图片地址 "  onclick= "myFun(this.id)">
  <input type= "radio"  value= "bbbbbb"  id= "222"  name="img"> 往往 <img id="bb" src= "图片地址 "  onclick= "myFun(this.id)">
  <input type= "radio"  value= "bbbbbb"  id= "222"  name="img"> 噢噢 <img id="cc" src= "图片地址 "  onclick= "myFun(this.id)">
  <input type= "radio"  value= "bbbbbb"  id= "222"  name="img"> 讷讷 <img id="dd" src= "图片地址 "  onclick= "myFun(this.id)">
  <input type= "radio"  value= "bbbbbb"  id= "222"  name="img"> 哈哈 <img id="ee" src= "图片地址 "  onclick= "myFun(this.id)"> 
 </BODY>
</HTML>

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有