JS调用tr进行隐藏

function outband(){var iob = document.getElementsByName('isOutbandOpen'); // 此处获得是你radio定义的namevar lbt = document.getElementsByName('loadBalanceType'); //alert("welcome--- 隐藏");//outband隐藏                             //对获取到得radio数组进行遍历for ( var v = 0 ; v < iob.length; v++) {alert("----outband--" + iob[v].value);                                          //判断次radio是否被选中                        if ( iob[v].checked ){alert("-----outband被选中--" + iob[v].value);                                                                 //iob[v]这样获取的是一个对象类型                                  //iob[v].value这样获取的是这个对象的value值                      if ( iob[v].value == 'N' ){  //不知道此处N为什么用成双引号就不对了 alert("------outband等于-----N-----");document.all("outband_tr").style.display='none';  //设置为隐藏document.all("outband_button").style.display='none';//document.all("outband_tr").style.visibility = "hidden";//document.all("outband_button").style.visibility = "hidden"}if( iob[v].value == 'Y' ){document.all("outband_tr").style.display='inline'; //设置为显示document.all("outband_button").style.display='inline';//document.all("outband_tr").style.visibility = "visible";//document.all("outband_button").style.visibility = "visible";}break;}}//AS负载分担方式隐藏for ( var d = 0 ; d < lbt.length ; d++ ){alert("loadBalanceType---进入循环 -- " + lbt[d].value);if ( lbt[d].checked ){if ( lbt[d].value == '1'){alert("loadBalanceType--- = 1 = true  --值 : " + lbt[d].value);    document.all("numberRoute_tr").style.display='none';  //设置为隐藏    document.all("numberRoute_button").style.display='none';//document.all("numberRoute_tr").style.visibility = "hidden";//document.all("numberRoute_button").style.visibility = "hidden";alert("===1 执行完毕");}if( lbt[d].value == '0' ) {alert("loadBalanceType--- = 0 = true  -- 值 : " + lbt[d].value);document.all("numberRoute_tr").style.display='inline'; //设置为显示document.all("numberRoute_button").style.display='inline';//document.all("numberRoute_tr").style.visibility = "visible";//document.all("numberRoute_button").style.visibility = "visible";alert("===0 执行完毕");}break;}}displayCaller();}

这是js的代码..

然后再每个radio上触发onclick事件

PS: 

    注意:这句话  

var iob = document.getElementsByName("xx");

注意这个S一定要加上 因为获取的是一个数组

关于的 style.visibility和 style.display两个的区别 :

  一:

web页面前台编码时经常用到display:none样式，平常使用时发现有几点特征需要注意

1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得该元素的一些属性，比如offSetTop,offSetLeft等，返回的值会为0，通过js设置style.display来使元素显示后才能正确获得这些值。

2、使用display:none隐藏的元素不会被百度等搜索网站检索，会影响到网站的SEO，某些情况下可以使用left:-100000px来达到同样效果。

3、如果是通过样式文件或<style>css</style>方式来设置元素的display:none样式，用js设置style.display=""并不能使元素显示，可以使用block或inline等值来代替。通过style="display:none"直接在元素上进行的设置不会有这个问题

4、有些情况下可以使用style.visibility来代替style.display，但是要注意的是style.visibility隐藏元素时会保留元素在页面上所占的空间，而style.display隐藏元素且让出所占页面空间。

二、display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。

例如这样的

<table>   <tr id="xx">我想藏得东东</tr>是:<input type="radio" name="test" id="test" value="1" onclick="事件名();">否:<input type="radio" name="test" id="test" value="0" onclick="事件名();"></table>

整了差不多有3个多小时  我蛋疼的很啊...