radio控制层的和隐藏

function showDiv(id)
{
  for(var i=0;i<=4;i++)
  {
      if(i==id)
   {
       document.getElementById("pic"+id).style.display="block";
   }
   else
   {
       document.getElementById("pic"+i).style.display='none';
   }
  }
}

 

 

 

 

<td align="left"><input name="radiobutton" type="radio" value="1" checked="checked" onclick="showDiv('1')" />
                剑特</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="2"  onclick="showDiv('2')"/>
                豪杰</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="3" onclick="showDiv('3')" />
                阴阳术</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="4" onclick="showDiv('4')" />
                仙术士</td>
            </tr>

 

 

<div id="pic4" style="display:none"><img src="/jszy_07.jpg" width="616" height="200" /></div>
<div id="pic3" style="display:none"><img src="/jszy_05.jpg" width="617" height="201" /></div>
<div id="pic2" style="display:none"><img src="/jszy_03.jpg" width="617" height="188" /></div>
<div id="pic1"><img src="/jszy_01.jpg" width="617" height="214" /></div>