如果在asp.net中隐藏了另一个按钮,则在单击按钮时显示PopUp

时间:2013-11-08 10:15:10

标签: javascript jquery asp.net

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

现在,我有另一个按钮,如果隐藏了“讨论”,则在点击时会显示弹出窗口。我如何使用jQuery实现这一目标?

1 个答案:

答案 0 :(得分:2)

是的,你可以使用jQuery来做到这一点。使用.css()检查按钮的visibility属性。如果它被隐藏,则显示一个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!!");
    }
});

Demo

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