0

我有更新面板控件。其中有两个单选按钮和 2 个 div。当我们单击单选按钮时，应显示相应的 div。& 默认情况下，这些按钮中的 1 个被选中并显示相应的 div。

Problem: when the default button is selected, the div is displayed properly, but when I select another button, in keeps the page inactive for a minute or any event is occurred like click or so,then the default buttons respective div is displayed again,而不是选中的。

代码：

            <asp:UpdatePanel ID="newUP" runat="server">
            <ContentTemplate>

             <table>
             <tr>
              <td style="float:left; margin:0px;">
                 <asp:RadioButton ID="rbtnInclude" runat="server" GroupName="Stores" Checked="true" Text="Include"/><br />
               </td>
              </tr>
              <tr>
               <td style="float:left; margin:0px;">
                 <asp:RadioButton ID="rbtnExclude" runat="server" GroupName="Stores" Text="Exclude"/>  
               </td>
              </tr>
              </table>
              <table>
               <tr>
                <td>
                  <div class="divIn" id="DivIn1" runat="server" style="width:700px; display: block;">
                        DIV IN TEXT
                  </div>
              </td>
              <tr>
               <td>
                  <div class="divEx" id="DivEx1" runat="server" style="width:700px; display: none;">            DIV EX TEXT 
                   </div>
               </td>
              </tr>    

            </table>
            </ContentTemplate>

            </asp:UpdatePanel>

Javascript：

function enableDisableDiv()
{
  if (document.getElementById("<%=rbtnInclude.ClientID %>").checked)
        {
            $(".divIn").show();
            $(".divEx").hide();

        }
  if (document.getElementById("<%=rbtnExclude.ClientID %>").checked)
        {
            $(".divIn").hide();
            $(".divEx").show();

        }
}

代码背后：

       if (!Page.IsPostBack)
        {
        rbtnInclude.Attributes.Add("onclick", "javascript: enableDisableDiv();");
        rbtnExclude.Attributes.Add("onclick", "javascript: enableDisableDiv();");
        }

编辑：这个面板也嵌套在另一个更新面板中。

4

1 回答 1

1

在 enableDisableDiv() 函数下添加小脚本块。

<script language="javascript" type="text/javascript">
function enableDisableDiv()
{
     //Do your stuff
}

function pageLoad() {
    enableDisableDiv()
}

</script>
于 2013-03-29T10:30:44.303 回答