用RadioButten(或CheckBox)实现div的显示与隐藏
来源:互联网 发布:golang程序员工资 编辑:程序博客网 时间:2024/06/11 14:05
当选择“女”时,显示“美女、才女”;当选择“男”时,隐藏
<%--.aspx 页面内容:--%>
<head runat="server">
<title>用RadioButten(或CheckBox)实现div的显示与隐藏</title><script type="text/javascript" language="javascript">
function show2() {
if (document.getElementById("Radio2").checked) {
document.getElementById("nvInfo").style.display = "block";
}
else {
document.getElementById("nvInfo").style.display = "none";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Radio1" type="radio" runat="server" name="11" onclick="show2()" value="11" />男
<input id="Radio2" type="radio" runat="server" name="11" onclick="show2()" value="22" />女
<%-- <input id="Radio2" type="checkbox" runat="server" name="11" onclick="show2()" value="22" />女--%>
</div>
<div id="nvInfo" runat="server" style="display: none;">
<input id="Radio5" type="radio" runat="server" name="2" onclick="show1" value="11" />美女
<input id="Radio6" type="radio" runat="server" name="2" onclick="show2" value="22" />才女
</div>
</form>
</body>
//.cs页面代码:
protected void Page_Load(object sender, EventArgs e)
{
this.Radio2.Checked = true;
if (this.Radio2.Checked)
this.nvInfo.Attributes.CssStyle.Add("display", "block"); //从.cs给.aspx中的HTML控件添加CSS样式属性
if (this.Radio1.Checked)
this.nvInfo.Attributes.CssStyle.Add("display", "none"); //从.cs给.aspx中的HTML控件添加CSS样式属性
}
- 用RadioButten或CheckBox实现div的显示与隐藏
- 用RadioButten(或CheckBox)实现div的显示与隐藏
- JQuery实现DIV的显示与隐藏
- js实现div的显示与隐藏
- 用jquery实现两个div的隐藏与显示
- div的显示与隐藏
- div的隐藏与显示
- div的显示与隐藏
- JavaScript实现DIV层的隐藏与显示
- checkbox 控制层的显示与隐藏
- CSS 点击div的同时显示或隐藏的div
- div隐藏与显示
- DIV显示与隐藏
- div 显示与隐藏
- div 显示与隐藏
- div 显示与隐藏
- div 显示与隐藏
- div 显示与隐藏
- 样式与主题
- 高性能网站设计
- ejb一些杂的代码
- 网络专业人士必上的十大专业网站
- 验证码
- 用RadioButten(或CheckBox)实现div的显示与隐藏
- hdu 4004
- wm8650插5V电源,显示电池满和无法接打电话原因。
- Linq查询中获得随机排序的几种方法
- 2014人人笔试题
- ZOJ:2110 Tempter of the Bone
- Linux能同时启动多少个线程
- Java Collection中的List类
- Linux网络管理员:网络概论