.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个
3个回答
展开全部
<script>
function aa(){
var a=document.getElementById("<%=rdo1.ClientID%>").value;
if(a=="true"){
document.getElementById("1").style.display="none";
document.getElementById("2").style.display="block";
document.getElementById("3").style.display="block";
}
}
</script>
<asp:RedioButton ID="rdo1"></asp:RedioButton>
<asp:RedioButton ID="rdo2"></asp:RedioButton>
<asp:RedioButton ID="rdo3"></asp:RedioButton>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
思路是这样的 我这头手写的没有测试 试试看看 也许有帮助
function aa(){
var a=document.getElementById("<%=rdo1.ClientID%>").value;
if(a=="true"){
document.getElementById("1").style.display="none";
document.getElementById("2").style.display="block";
document.getElementById("3").style.display="block";
}
}
</script>
<asp:RedioButton ID="rdo1"></asp:RedioButton>
<asp:RedioButton ID="rdo2"></asp:RedioButton>
<asp:RedioButton ID="rdo3"></asp:RedioButton>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
思路是这样的 我这头手写的没有测试 试试看看 也许有帮助
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要应用下jquery库 没有的话 下载地址为jquery.com
看看效果是不是你需要的
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>tab</title>
<style type="text/css">
#d1 { width: 300px; height: 80px; border: solid 1px blue; }
#d2 { width: 300px; height: 80px; border: solid 1px red;}
#d3 { width: 300px; height: 80px; border: solid 1px green; }
</style>
<script src="Scripts/jQuery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#options :radio").click(function() {
$("#d1, #d2, #d3").hide(); // 影藏所有
$("#d" + this.value).show(); // 显示radio对应的层。
});
$("#options :radio:checked").trigger("click"); // 初始化
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="options">
<asp:RadioButton ID="rdoOne" runat="server" Text="One" GroupName="Display" value="1"
Checked="true" />
<asp:RadioButton ID="rdoTwo" runat="server" Text="Two" GroupName="Display" value="2" />
<asp:RadioButton ID="rdoThree" runat="server" Text="Three" GroupName="Display" value="3" />
</div>
<div id="d1">one </div>
<div id="d2">two</div>
<div id="d3">three</div>
</form>
</body>
</html>
看看效果是不是你需要的
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>tab</title>
<style type="text/css">
#d1 { width: 300px; height: 80px; border: solid 1px blue; }
#d2 { width: 300px; height: 80px; border: solid 1px red;}
#d3 { width: 300px; height: 80px; border: solid 1px green; }
</style>
<script src="Scripts/jQuery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#options :radio").click(function() {
$("#d1, #d2, #d3").hide(); // 影藏所有
$("#d" + this.value).show(); // 显示radio对应的层。
});
$("#options :radio:checked").trigger("click"); // 初始化
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="options">
<asp:RadioButton ID="rdoOne" runat="server" Text="One" GroupName="Display" value="1"
Checked="true" />
<asp:RadioButton ID="rdoTwo" runat="server" Text="Two" GroupName="Display" value="2" />
<asp:RadioButton ID="rdoThree" runat="server" Text="Three" GroupName="Display" value="3" />
</div>
<div id="d1">one </div>
<div id="d2">two</div>
<div id="d3">three</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以先写一个css用js给第一个RadioButton 初始css 是隐藏的，然后用js做效果，这个是选项卡功能吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
