.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个相关的知识，希望对你有一定的参考价值。
第一个RadioButton是默认选中的， 通过js或jquery方法实现。
<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>
思路是这样的 我这头手写的没有测试 试试看看 也许有帮助 参考技术A 需要应用下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> 参考技术B 可以先写一个css用js给第一个RadioButton 初始css 是隐藏的，然后用js做效果，这个是选项卡功能吧
怎样利用js通过RadioButton控制textbox输入文字的大小
有三个RadioButton,分别控制文字大小为8、10、12号。怎样通过js控制呢？我用oncheckedchanged="SetFontSize()"但是提示没有SetFontSize()。
oncheckedchanged是服务器事件，不能用js方法的，要改成onclick="SetFontSize()"建议你改用客户端控件
例如<input type="radio" onclick="SetFontSize()" />
input radio只有那个圆点，需要你在后面加个Label显示文字追问
但怎样保证一次只能有一个radio被选中呢？
追答你设置他们的name相同就行了
追问js函数：
function SetFontSize(size)
var tb = document.getElementById("");
tb.nodeValue.fontSize = size;
每个radiobutton的onclick = "SetFontSize(8)"这样表示，但为什么功能没有实现？是不是js函数的问题？
1、检查一下你的tb是否正确捕获到了那个textbox
2、你这里没必要使用nodeValue吧？改成tb.style.fontSize = size;
以上是关于.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个的主要内容，如果未能解决你的问题，请参考以下文章
WPF c# 界面上有3个radiobutton和3个listview 选择不同的radiobutton出现不同的listview
asp.net用button_click事件重置页面 使页面上选择过的checkbox和radiobutton控件清空呢
C#.net中一组radiobutton怎样才能使得么有默认值？？
asp.net中repeater控件里使用一组radiobutton为啥设置了相同groupname还是一组按钮都能选中