Question

使用jquery怎么实现点中一个radio把没有点中的隐藏起来，只显示被选择的radio

<table width="60%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="8%" height="20">zhangsan</td> <td width="52%">广东省广州市白云区XXX街道</td> <td width="6%">7536985</td> <td width="10%">988870</td> <td width="4%"> <input type="radio" name="radiobutton" value="radiobutton" /> </td> <td width="20%"> <input type="button" id="changeads" value="更换"> <input type="button" style="float:right" value="添加新地址"> </td> </tr> <tr> <td width="8%" height="20">zhangsan</td> <td width="52%">广东省广州市白云区XXX街道</td> <td width="6%">7536985</td> <td width="10%">988870</td> <td width="4%"> <input type="radio" name="radiobutton" value="radiobutton" /> </td> <td width="20%"> <input type="button" id="changeads" value="更换"> <input type="button" style="float:right" value="添加新地址"> </td> </tr> <tr> <td width="8%" height="20">zhangsan</td> <td width="52%">广东省广州市白云区XXX街道</td> <td width="6%">7536985</td> <td width="10%">988870</td> <td width="4%"> <input type="radio" name="radiobutton" value="radiobutton" /> </td> <td width="20%"> <input type="button" id="changeads" value="更换"> <input type="button" style="float:right" value="添加新地址"> </td> </tr> <tr> <td width="8%" height="20">zhangsan</td> <td width="52%">广东省广州市白云区XXX街道</td> <td width="6%">7536985</td> <td width="10%">988870</td> <td width="4%"> <input type="radio" name="radiobutton" value="radiobutton" /> </td> <td width="20%"> <input type="button" id="changeads" value="更换"> <input type="button" style="float:right" value="添加新地址"> </td> </tr> </table>





Answer 1

在每个radio 中添加一个onclick="Switch()"

function Switch(){
$('input[type=radio]').each(function(index,item){
if(this.checked==true){
$(this).css("display","block");
}else{
$(this).css("display","none");
}
});
}