//用html的Button控制DIV的显示和隐藏
<script type="text/javascript" language="javascript">
function onclickli(modk)
{
ObjectA = "LiTab";
switch(modk)
{
case 1:
document.getElementById('DivSearchTab').style.display="block";
document.getElementById('DivSearchTab2').style.display="none";
break;
case 2:
document.getElementById('DivSearchTab2').style.display="block";
document.getElementById('DivSearchTab').style.display="none";
break;
}
}
</script>
<body>
//两个按钮控制的哪些DIV
<input id="LiTab1" type="radio" class="liOn" οnclick="onclickli(1)" checked="checked"
name="x1" />出售
<input id="LiTab2" type="radio" οnclick="onclickli(2)" name="x1"/>出租
//要显示或隐藏的DIV模块
<div class="disp" id="DivSearchTab">
123456789
</div>
<div class="nod" id="DivSearchTab2">
123456789
</div>
</body>
css:
.disp
{
display:block;
}
.nod
{
display:none;
}
//下面是用RadioButtonList来控制隐藏或显示
function onclickli()
{
ObjectA = "LiTab";
var Radio1=document.getElementById('rblselect');
for(var i=0;i<=3;i++)
{
if(Radio1.getElementsByTagName('input')[i].checked)
{
if ( i== "0")
{
document.getElementById('DivSearchTab').style.display="block";
document.getElementById('DivSearchTab2').style.display="none";
}
else if ( i== "1")
{
document.getElementById('DivSearchTab2').style.display="block";
document.getElementById('DivSearchTab').style.display="none";
}
}
}
}
//两个按钮控制的哪些DIV
<asp:RadioButtonList ID="rblselect" runat="server" style="float:left;" οnclick="onclickli()"
RepeatDirection="Horizontal">
<asp:ListItem Selected="True" Value="0">出售</asp:ListItem>
<asp:ListItem Value="1">出租</asp:ListItem>
</asp:RadioButtonList>
//要显示或隐藏的DIV模块
<div class="disp" id="DivSearchTab">
123456789
</div>
<div class="nod" id="DivSearchTab2">
123456789
</div>