javascript - 如果在 asp.net 中隐藏了另一个按钮，则单击按钮时显示弹出窗口

Question

我有一组按钮，每个按钮都可以通过 aspx 页面的代码隐藏文件中的“Visible=false”隐藏。其中一个按钮称为“讨论”

现在，我有另一个按钮，如果“讨论”被隐藏，单击该按钮会显示一个弹出窗口。如何使用 jQuery 实现这一点？

Answer 1

是的，你可以使用 jQuery 来做到这一点。使用 .css() 检查按钮的可见性属性。如果它被隐藏，则显示一个弹出窗口。

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