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" οnclick="showDiv('1')" />
剑特</td>
</tr>
<tr>
<td align="left"><input type="radio" name="radiobutton" value="2" οnclick="showDiv('2')"/>
豪杰</td>
</tr>
<tr>
<td align="left"><input type="radio" name="radiobutton" value="3" οnclick="showDiv('3')" />
阴阳术</td>
</tr>
<tr>
<td align="left"><input type="radio" name="radiobutton" value="4" οnclick="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>