Question

我有两种类型用户的注册页面（临时/永久），我只需要向每个用户显示表单的一部分。我试图通过使用jquery隐藏某些div元素来实现这一点。问题是我的DIV元素暂时隐藏并在一秒钟内重新出现。我试着看多种解决方案，但似乎没有工作。这是我的代码。

<script>
        $(document).ready(function () {
           $("#<%=releasetype.ClientID%>").click(function () {
              var reltype = $("input[name='<%=releasetype.UniqueID%>']:radio:checked").val();
                if (reltype == "Temporary") {
                    document.getElementById('pm').style.display = 'none';
                } else if (reltype == "Permanent") {
                    document.getElementById('pm').style.display = 'block';
                } 
            });

        });
</script>

的.aspx

<asp:RadioButtonList ID="releasetype" cssclass="radio" runat="server" AutoPostBack="True" RepeatDirection="Vertical">
                <asp:ListItem>Temporary</asp:ListItem>
                <asp:ListItem>Permanent</asp:ListItem>
</asp:RadioButtonList>

          <div id="pm" class="form-horizontal">
<asp:Label ID="Label8" runat="server" Text="PrimaryID" Font-Bold="True"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>             
          </div>

我尝试使用event.preventDefault（）; ＆安培;返回false;在我的代码中。但这两种方法都没有阻止页面刷新。

Answer 1

我正在调用两个事件，这就是造成不良行为的原因

     $(document).ready(function () {
     $("#<%=releasetype.ClientID%>").click(function () {

仅在页面加载或按钮点击时调用一个解决了问题。

Asp.net - Jquery采取两次点击隐藏Div

1 个答案: