<input type=radio id=chooseType1 name=chooseType1 checked onClick="javascript:hide('car5');show('car4')" value="flight">
按车号<br>
<input type=radio id=chooseType1 name=chooseType1 onClick="javascript:hide('car4');show('car5')" value="city">
按城市<br>
<br>我想要点击“按车号”时显示名字为”car4“的table,点击”按城市“时显示名为”car5“的table;hide()和show()函数该怎么写?
按车号<br>
<input type=radio id=chooseType1 name=chooseType1 onClick="javascript:hide('car4');show('car5')" value="city">
按城市<br>
<br>我想要点击“按车号”时显示名字为”car4“的table,点击”按城市“时显示名为”car5“的table;hide()和show()函数该怎么写?
<table id=car5 name=cart5 style=display:none width="100%" >
两个table如上!
<SCRIPT LANGUAGE=JavaScript>
function hide(String s) {
if(s=="car4")
{car4.style.display="none";
}
if(s=="car5")
{car5.style.display="none";
}
}
function show(String s) {
if(s=="car4")
{car4.style.display="block";
}
if(s=="car5")
{car5.style.display="block";
}
}
</SCRIPT>
另外你 show()函数的写法也有问题。
关键之处应该是:
document.getElementById("car4").style.display = "block";
如果用 s 作为参数:
function show(var s)
{
if(s=="car4")
{
document.getElementById(s).style.display = "block";
}
//后面省略
}
<SCRIPT LANGUAGE=JavaScript>
function hide(var s) {
if(s=="flight4")
{document.getElementById(s).style.display = "none";
}
if(s=="flight5")
{document.getElementById(s).style.display = "none";
}
}
function show(var s) {
if(s=="flight4")
{document.getElementById(s).style.display = "block";
}
if(s=="flight5")
{document.getElementById(s).style.display = "block";
}
}
</SCRIPT>