用图片来代替radio按钮，希望选中之后图片有所变化，应该怎么做，那位高人知道啊？急！！！！

Question

我还想实现这么一个效果，就是在 
<div  style= "display:none "> <input  type= "radio "  value= "aaaaaa "  id= "111 "  > </div> <img  src= "图片地址 "  onclick= "form.111.checked=true;form.submit(); "> 
  <div  style= "display:none "> <input  type= "radio "  value= "bbbbbb "  id= "222 "  > </div> <img  src= "图片地址 "  onclick= "form.222.checked=true;form.submit(); "> 
这个基础上，要求点击图片，图片有所变化，也就是点击图片，选中这个选项，给图片加一个5px左右的外框，要怎么实现啊

Answer 1

主要就是要用到nextSibling属性刚写了个例子,代码如下:<input type="radio" value="boy" name="sex" onclick="changeImage()"/><img src="" />
<input type="redio" value="girl" name="sex" onclick="changeImage()"/><img src=""/>
<script>
var lastSelected=null;
function changeImage(){
    if(lastSelected!=null){
        //还原之前选中图片的样式
        this.lastSelected.nextSibling.style.border="none";
    }
    //给图片加上边框
    this.nextSibling.style.border="5px solid black";
    lastSeelcted=this;
}
</script>
Ps:还有一个prevSibling属性,是获取元素的前一个元素.建议楼主下载一份DHTML中文帮助手册,会很有帮助的.