问题描述
页面上有多个radio控件可供选择，当我选中其中一个的时候下面隐藏的文字（层）就会出现，一开始是看不见的只有选中某一个才能看见下面隐藏的文字，其他隐藏。
解决方案
解决方案二：
javascript控制div就可以了
解决方案三：
先把这个文字控件的visible设计成false，然后双击radio控件。在事件里把文字控件的visible再设置成true就可以了
解决方案四：
隐藏的文字用一个Label来装阿，初始visible设置成false。
解决方案五：
建议用javascript控制div,用radio控件可以实现你的要求，但是要触发服务器事件，不好！
解决方案六：
只是知道控制DIV的显示。但没做过~~下面的代码和你的要求有点不同，希望有帮助<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptlanguage=javascript>functionshow(obj){varstr=getIE(obj)vartemp=str.split(",")vartop=temp[0]varleft=temp[1]varobjDiv=document.getElementById("div1")objDiv.style.display="";objDiv.style.left=temp[1];objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight);}functiongetIE(e){vart=e.offsetTop;varl=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}return(t+","+l);}functionhide(obj){obj.style.display="none"}</script></head><body><formid="form1"runat="server"><div><divid="div1"onMouseOut="hide(this)"style="background-color:red;position:absolute;width:200px;height:100px;top:-100px;"><ahref="#">你的问题</a>有问题没</div><ahref="javascript:void(0)"onmouseover=show(this)>点我</a><br><br><br><br><ahref="javascript:void(0)"onmouseover=show(this)>点我</a><br></div></form></body></html>
解决方案七：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""><scripttype="text/javascript">functiona(){document.getElementById("y").style.display="none";if(document.getElementById("c").checked){document.getElementById("y").style.display="block";}}</script></HEAD><BODY><inputid="a"type="radio"name="x"value="aaa"onclick="a();"/>aaa<br><inputid="b"type="radio"name="x"value="bbb"onclick="a();"/>bbb<br><inputid="c"type="radio"name="x"value="ccc"onclick="a();"/>ccc<br><divid="y"style="display:none;">plsclickccc</div></BODY></HTML>
解决方案八：
接分
解决方案九：
<BODY><script>varlastDisplayLayerid="";functionShowLayer(layerid){if(lastDisplayLayerid!=""){document.getElementById(lastDisplayLayerid).style.display='none';}lastDisplayLayerid=layerid;document.getElementById(layerid).style.display='';}</script><INPUTTYPE="radio"NAME="a"value='1'onclick="ShowLayer('layer'+this.value)"><INPUTTYPE="radio"NAME="a"value='2'onclick="ShowLayer('layer'+this.value)"><INPUTTYPE="radio"NAME="a"value='3'onclick="ShowLayer('layer'+this.value)"><divid='layer1'style="display='none'">aaaa</div><divid='layer2'style="display='none'">bbbb</div><divid='layer3'style="display='none'">ccc</div></BODY>
解决方案十：
这个测试脚本错误<body><scripttype="text/javascript">varlastDisplayLayerid="";functionShowLayer(layerid){if(lastDisplayLayerid!=""){document.getElementById(lastDisplayLayerid).style.display='none';}lastDisplayLayerid=layerid;document.getElementById(layerid).style.display='';}</script><inputtype="radio"name="a"value='1'onclick="ShowLayer('layer'+this.value)"/><inputtype="radio"name="a"value='2'onclick="ShowLayer('layer'+this.value)"/><inputtype="radio"name="a"value='3'onclick="ShowLayer('layer'+this.value)"/><divid='layer1'style="display:none">aaaa</div><divid='layer2'style="display:none">bbbb</div><divid='layer3'style="display:none">ccc</div></body>
解决方案十一：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""><scripttype="text/javascript">functiona(){document.getElementById("y").style.display="none";if(document.getElementById("c").checked){document.getElementById("y").style.display="block";}}</script></HEAD><BODY><inputid="a"type="radio"name="x"value="aaa"onclick="a();"/>aaa<br><inputid="b"type="radio"name="x"value="bbb"onclick="a();"/>bbb<br><inputid="c"type="radio"name="x"value="ccc"onclick="a();"/>ccc<br><divid="y"style="display:none;">plsclickccc</div></BODY></HTML>//这样不算盗帖
解决方案十二：
上面这个不行
解决方案十三：
楼上的可以了
解决方案十四：
我要的效果是有多个radio选中一个就显示下面隐藏的层没选中的不显示上面的例子只有一个radio会显示
解决方案十五：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""><scripttype="text/javascript">functiona(){varr1=document.getElementById("y");if(document.getElementById("c").checked)r1.style.display="block";}</script></HEAD><BODY><inputid="a"type="radio"name="x"value="aaa"onclick="a();returnfalse"/>aaa<br><inputid="b"type="radio"name="x"value="bbb"onclick="a();returnfalse"/>bbb<br><inputid="c"type="radio"name="x"value="ccc"onclick="a();returnfalse"/>ccc<br><divid="y"style="display:none;">plsclickccc</div></BODY></HTML>
其他方案：
给radio加上onclick属性,触发js事件;通过JS判断哪个radio被点击了,根据不同的radio可以显示不同的文字~
其他方案：
如果你不大懂JS,可以考虑用asp.netajax来搞定.把radio和要显示出来的lable放进updatepanel里面,设置为autopostback,写上onclick事件设置并显示lable的值.<asp:UpdatePanelID="UpdatePanel1"runat="server"><ContentTemplate><asp:LabelID="Label1"runat="server"Visible="false"Text="Label"></asp:Label><asp:RadioButtonID="RadioButton1"runat="server"AutoPostBack="True"OnCheckedChanged="RadioButton1_CheckedChanged"/></ContentTemplate></asp:UpdatePanel>-------------------------protectedvoidRadioButton1_CheckedChanged(objectsender,EventArgse){Label1.Text="11112324321";Label1.Visible=true;}这样就OK了.这不是最好的,但可以解决你的问题.直接自己写js实现才是最好的~
其他方案：
up
其他方案：
....一个radio可以实现多个也是一样的啊~~~~~~~~~~
其他方案：
学习！！！
其他方案：
<inputname=rtype=radioonclick="clk(this,1)">a<inputname=rtype=radioonclick="clk(this,2)">b<inputname=rtype=radioonclick="clk(this,3)">c<divid=div1style="display:none">aaaaaaaa</div><divid=div2style="display:none">bbbbbbbb</div><divid=div3style="display:none">cccccccc</div><script>functionclk(layer,j){for(i=1;i<4;i++)document.getElementById("div"+i).style.display="none";vardis=layer.checked?"":"none";document.getElementById("div"+j).style.display=dis;}</script>
其他方案：
lz的功能应该和网页中常用的那个内容轮替显示功能差不多吧。