时间：2021-07-01 10:21:17 帮助过：3人阅读
- <br><head runat="server"> <br><title>用RadioButten（或CheckBox）实现div的显示与隐藏</title> <br><script type="text/javascript" language="javascript"> <br>function show2() { <br>if (document.getElementById("Radio2").checked) { <br>document.getElementById("nvInfo").style.display = "block"; <br>} <br>else { <br>document.getElementById("nvInfo").style.display = "none"; <br>} <br>} <br></script> <br></head> <br><body> <br><form id="form1" runat="server"> <br><div> <br><input id="Radio1" type="radio" runat="server" name="11" onclick="show2()" value="11" />男 <br><input id="Radio2" type="radio" runat="server" name="11" onclick="show2()" value="22" />女 <br><%-- <input id="Radio2" type="checkbox" runat="server" name="11" onclick="show2()" value="22" />女--%> <br></div> <br><div id="nvInfo" runat="server" style="display: none;"> <br><input id="Radio5" type="radio" runat="server" name="2" onclick="show1" value="11" />美女 <br><input id="Radio6" type="radio" runat="server" name="2" onclick="show2" value="22" />才女 <br></div> <br></form> <br></body> <br> <br>cs页面代码： <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>protected void Page_Load(object sender, EventArgs e) <br>{ <br>this.Radio2.Checked = true; <br>if (this.Radio2.Checked) <br>this.nvInfo.Attributes.CssStyle.Add("display", "block"); //从.cs给.aspx中的HTML控件添加CSS样式属性 <br>if (this.Radio1.Checked) <br>this.nvInfo.Attributes.CssStyle.Add("display", "none"); //从.cs给.aspx中的HTML控件添加CSS样式属性 <br>} <br></li><li> </li><li> </li></ol></pre>