Question

我有更新面板控件。其中有两个单选按钮＆amp; 2 div。当我们点击单选按钮时，应显示相应的div。＆安培;默认情况下，会选中其中一个按钮并显示相应的div。

问题：当选择默认按钮时，div正确显示，但是当我选择另一个按钮时，in会使页面保持非活动状态一分钟或发生任何事件，如点击左右，则会再次显示相应div的默认按钮，而不是选定的那个。

代码：

            <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();");
        }

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

Answer 1

在enableDisableDiv（）函数下添加小脚本块。

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

function pageLoad() {
    enableDisableDiv()
}

</script>

更新面板的回发事件，反映了asp.net中控件的当前状态

1 个答案: