如何通过radio来控制显示和隐藏内容显示

问题描述

<bodystyle="background-color:Black;color:White;"><formid="form1"runat="server"><div><asp:HiddenFieldID="HiddenField1"runat="server"/>创建相册:<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><asp:ButtonID="ButtonOK"runat="server"Text="确定"onclick="ButtonOK_Click"/>已创建的相册:<asp:DropDownListID="DropDownListDynamic"runat="server"></asp:DropDownList><spanstyle="text-decoration:underline;color:White;cursor:pointer">选择照片</span><hr/><div><inputtype="radio"value="pc"name="dynamic"checked="checked"/>从电脑上传<inputtype="radio"value="albumn"name="dynamic"/>现有相册选择<divid="oDivpc"style="display:block;"><asp:FileUploadID="FileUpload1"runat="server"/><asp:ButtonID="ButtonUpload"runat="server"Text="上传"onclick="ButtonUpload_Click"/></div><divid="oDivAlbumn"style="visibility:visible;"><asp:DataListID="DataListDynamic"runat="server"RepeatColumns="5"RepeatDirection="Horizontal"onitemdatabound="DataListDynamic_ItemDataBound"><ItemTemplate><uc1:AlbumnCtrlID="AlbumnCtrl1"Title='<%#Container.DataItem%>'runat="server"/></ItemTemplate></asp:DataList><hr/><asp:DataListID="DataListPicture"runat="server"RepeatColumns="8"RepeatDirection="Horizontal"onitemdatabound="DataListPicture_ItemDataBound"><ItemTemplate><divstyle="width:110px;height:110px;border:1pxsolidsilver;text-align:center"><ahref="#"><asp:ImageID="Image1"runat="server"ImageUrl='<%#"~/albumn/"+Request.QueryString["dir"]+"/small/"+Container.DataItem%>'/></a></div><asp:LabelID="LalSize"runat="server"Text="0*0"></asp:Label><inputtype="checkbox"value="<%#Container.DataItem%>"/></ItemTemplate></asp:DataList><hr/><asp:ButtonID="ButtonChose"OnClientClick="ChosePhoto()"runat="server"Text="选择"onclick="ButtonChose_Click"/></div><div></div></div></div></form></body>想通过javascript脚本来实现<scriptlanguage="javascript"type="text/javascript">function$(id){returndocument.getElementById(id);}functionSelectPhoto(){varradio=event.srcElement;if(radio.value=="pc"){$("oDivpc").style.display="block";$("oDivAlbumn").style.visibility="hidden";}else{$("oDivpc").style.display="none";$("oDivAlbumn").style.visibility="visible";}}</script>但是因为默认的选项是电脑上传转到从相册上传后如果刷新该页面就会返回默认的选项怎么样可以不让他跳回默认的选项而且如果不设置第二个页面显示根本就看不到第二个页面。因为是初学所以很多地方都不懂,请各位大哥帮忙看看,给点经验,在此先谢谢啦!

解决方案

解决方案二:
设置一个默认值,改变之后值也跟着改变就是一个用变量来区别
解决方案三:
已经默认的是value="pc"这个选项咯,但是在选中value="Albumn"也能出来效果,但只要刷新了界面就直接2个页面同时显示勒,能解释的详细点么,因为才接触这个。谢谢!
解决方案四:
在window.onload事件中,根据radio的选中情况隐藏或隐藏或显示内容。如window.onload=function(){if($('radio1').checked){div1.show();div2.hide();}}

时间: 2024-08-04 09:06:13

如何通过radio来控制显示和隐藏内容显示的相关文章

js控制li的隐藏和显示实例代码_javascript技巧

html页面 <div class="favorite_list"> <div class="list_type" id="list_type"> <ul class="all"> <li> <a href="javascript:void(0);" onclick="showli(1);">全部(<span class=

在Word 2010中显示或隐藏“突出显示”标记

对于使用不同颜色突出显示特定文本的Word 2010文档而言,用户可以设置在Word 2010页面中或打印时是否显示突出显示标 记,操作步骤如下所述: 第1步,打开Word 2010文档窗口,依次单击"文件"→"选项"命令,如图2011120408所示. 图2011120408 单 击"选项"命令 第2步,打开"Word选项"对话框,切换到"显示"选项卡.在"页面显示选项"区域选中 或取

如何用js控制frame的隐藏或显示的解决办法_javascript技巧

index.htm 复制代码 代码如下: <html><head><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId"

jquery和js实现对div的隐藏和显示方法

 jQuery对div的显示和隐藏: 显示:    代码如下: $("#id").show() 隐藏: 代码如下: $("#id").show()   js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白   代码如下: style="visibility: none;" document.getElementById("typediv1").style.visibilit

jquery和js实现对div的隐藏和显示方法_jquery

jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi

jQuery入门(5) 显示/隐藏内容

jQuery的hide()和show()可以用来显示和隐藏内容.比如下面的例子:jQuery的hide()和show()可 以用来显示和隐藏内容.比如下面的例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js&qu

如何显示或隐藏Word 2013“突出显示”标记

如果用户在Word2013文档中使用不同颜色突出显示特定文本,那么用户可以设置在Word2013页面中或打印文档时是否显示"突出显示"标记,操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"命令,如图2013041703所示. 图2013041703 单击"选项"命令 第2步,打开"Word选项"对话框,切换到"显示"选项卡.在"页面显示选项&

Div+Css+JS做多个显示/隐藏内容块

相关样式: Code.mainbox h3{ margin-bottom:0px; line-height:32px;height:32px;padding-left:1em;background:url(http://www.cnblogs.com/Images/forumbg.gif) repeat-x 0 0;font-size:13px;font-weight:700;border-bottom:1px solid #E6E7E1;border-top:4px solid #E8F0F7

CSS控制文字的显示与隐藏引出的BUG

css|控制|显示 这一段CSS代码相当简单,目的就是想用CSS来控制某段文字的显示与隐藏.起初我采用了下面的代码,令人不可思议的是,它们在我的IE6.0上居然没有任何反应,大家不信可以亲自试验一下. <style type="text/css">a {font-size:12px;text-decoration:none;height:50;}a:hover {text-decoration:none;}a span {font-size:12px;display:non