问题描述
<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();}}