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

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