Question

怎么隐藏一个tr

有两个radio，a和b，我选a或者b的时候，分别显示对应的行，比如说我选a的时候，显示第一个<tr>的内容，选b的时候，显示第二个<tr>的内容，用javascript怎么实现呢

Answer 1

<input type="radio" name="s" onclick="switchHide(1)" />
<input type="radio" name="s" onclick="switchHide(2)" />
<table width="200" border="0">
<tr id="tr1" style="display:none">
<td>content1</td>
</tr>
<tr id="tr2" style="display:none">
<td>content2</td>
</tr>
</table>
<script>
function switchHide(n)
{
if(n==1)
{
document.getElementById('tr1').style.display = '';
document.getElementById('tr2').style.display = 'none';
}
if(n==2)
{
document.getElementById('tr1').style.display = 'none';
document.getElementById('tr2').style.display = '';
}
}
//如果初始要显示第一个tr, 请在这里要加上：switchHide(1);
</script>

Answer 2

$('#a').change(function()
{
    if($(this).attr('checked'))
    {
        $('#trid1').hide(); //隐藏id为trid1的元素。
        $('#trid2').show(); //显示id为trid2的元素。
    }
    else
    {
        $('#trid2').hide(); //隐藏id为trid2的元素。
        $('#trid1').show(); //显示id为trid1的元素。
    }
});

追问

貌似还是不行~你能不能把你写的HTML也给我看看

Answer 3

你加载了jQuery了包么

追问

不打算用jQuery写

追答

不用jQuery写的话 上面那个回答用不了的
document.getElementById(“输入你要隐藏的tr的id”).style.display="none"; 这样就能隐藏了
document.getElementById(“输入你要显示的tr的id”).style.display="block"; 显示