★如何用图片来代替单选钮radio？

Question

★单选按钮只有一个小圆圈，不好看。如果后面加一个图片的话，按图片是无效的。如何用图片来代替单选钮？？只有两个选择而已：）

Answer 1

★呵呵！想到了，用 <input type="radio" value="aaaaaa"   onclick="form.submit()"  id="111" ><label for="111"><img ...图片代码：点击图片有效...></label>

Answer 2

<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();">

Answer 3

★忘了......   <input  type=  "radio  "  value=  "aaaaaa  "      onclick=  "form.submit()  "    id=  "111  "    >  <label  for=  "111  "  > 文字点击有效 </label  > 这个只能是文字有效！～感谢大菜～

Answer 4

我还想实现这么一个效果，就是在
<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左右的外框，要怎么实现啊