Показывать всплывающее окно при нажатии кнопки, если в asp.net скрыта другая кнопка

0

У меня есть группа кнопок, каждая из которых может быть скрыта "Visible = false" в коде за файлом aspx-страницы. Одна из этих кнопок называется "Обсуждения",

Теперь у меня есть еще одна кнопка, которая должна показывать мне всплывающее окно при нажатии, если "Дискуссии" скрыты. Как достичь этого с помощью jQuery?

1 ответ

2

Да, вы можете сделать это с помощью jQuery. Проверьте атрибут видимости кнопки с помощью.css(). Если он скрыт, отобразите PopUp.

HTML:

<input type="button" id="popUpButton" value="Show Pop Up" />

<input type="button" id="discussionButton" value="Discussion" />

CSS:

#discussionButton{    
    visibility : hidden;
}

jQuery:

$("#popUpButton").click(function(){
    var visibility = $("#discussionButton").css("visibility");
    if(visibility == "hidden"){
        alert("Discussion Button is Hidden!!");
    }
});

демонстрация

Другой способ использования ASP.NET:

Используйте атрибут OnClientClick кнопки для вызова функции, которая проверяет, отображается ли кнопка с помощью jQuery.

Разметка:

<asp:Button ID="popUpButton" runat="server" OnClientClick="CallFunction()"  Text="Pop Up"/>

<asp:Button ID="discussionButton" runat="server" Text="Discussion" Visible="false" />

jQuery:

function CallFunction() {
    var visibility = $("#discussionButton").is(":visible");
    if (visibility == false) {
        alert("Discussion button is Hidden!!!");
    }
}
  • 0
    Спасибо, отлично работает. Но у нас есть несколько вопросов здесь. Когда asp.net используется для установки скрытого контроля, элемент управления вообще не отображается на HTML-странице. Во-вторых, мне нужно знать, как добавить код jquery к кнопке, используя asp.net.
  • 0
    @DeepanjanNag, я обновил ответ. Ты можешь проверить. Просто проверьте видимость кнопки с помощью jQuery по клику клиента. И это проверяет свойство asp.net.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню