 
<head runat="server"> 
<title>用RadioButten（或CheckBox）實(shí)現(xiàn)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頁(yè)面代碼：

復(fù)制代碼代碼如下:

 
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樣式屬性 
} 

您可能感興趣的文章:

相關(guān)文章

深入探討JavaScript異步編程中Promise的關(guān)鍵要點(diǎn)
這篇文章將全面深入地探討Promise，包括其前身、歷史、能力、優(yōu)點(diǎn)、缺點(diǎn)以及提供每個(gè)方法的案例，感興趣的小伙伴可以跟隨小編一學(xué)習(xí)一下
2023-06-06
js利用for in循環(huán)獲取一個(gè)對(duì)象的所有屬性以及值的實(shí)例
下面小編就為大家?guī)?lái)一篇js利用for in循環(huán)獲取一個(gè)對(duì)象的所有屬性以及值的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-03-03
JS本地刷新返回上一頁(yè)代碼
返回上一頁(yè)并刷新在此功能有利于用戶(hù)的體驗(yàn),是每一個(gè)web開(kāi)發(fā)人員所必備的一項(xiàng)，這篇文章主要介紹了JS本地刷新返回上一頁(yè)代碼，感興趣的小伙伴們可以參考一下
2016-07-07
原生js實(shí)現(xiàn)無(wú)縫輪播圖效果
本文主要分享了原生js實(shí)現(xiàn)無(wú)縫輪播圖效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器
這篇文章主要介紹了基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器,并通過(guò)實(shí)例代碼介紹了基于element-ui el-slider實(shí)現(xiàn)滑動(dòng)限位器的方法,需要的朋友可以參考下
2024-02-02
ie與ff下的event事件
event是ie自帶的一個(gè)對(duì)象，而ff中不存在該對(duì)象，只能通過(guò)傳遞參數(shù)的方式來(lái)模擬event，：（
2009-09-09
layer實(shí)現(xiàn)登錄彈框,登錄成功后關(guān)閉彈框并調(diào)用父窗口的例子
今天小編就為大家分享一篇layer實(shí)現(xiàn)登錄彈框,登錄成功后關(guān)閉彈框并調(diào)用父窗口的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
javascript全局變量封裝模塊實(shí)現(xiàn)代碼
javascript全局變量封裝模塊的應(yīng)用，本文將詳細(xì)介紹，需要了解更多的朋友可以參考下
2012-11-11
JavaScript 中Date對(duì)象的格式化代碼方法匯總
JavaScript默認(rèn)的時(shí)間格式我們一般情況下不會(huì)用，所以需要進(jìn)行格式化，下面小編給大家?guī)?lái)了三種js date對(duì)象格式化實(shí)例代碼，需要的朋友參考下吧
2017-09-09
JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果,涉及javascript面向?qū)ο蠹笆录O(jiān)聽(tīng)、響應(yīng)機(jī)制相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02