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

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

---

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

是的，您可以使用jQuery执行此操作。使用.css（）检查按钮的可见性属性。如果它是隐藏的，则显示一个弹出窗口

HTML:

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

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

#discussionButton{    
    visibility : hidden;
}

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

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

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

function CallFunction() {
    var visibility = $("#discussionButton").is(":visible");
    if (visibility == false) {
        alert("Discussion button is Hidden!!!");
    }
}

jQuery:

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

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

#discussionButton{    
    visibility : hidden;
}

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

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

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

function CallFunction() {
    var visibility = $("#discussionButton").is(":visible");
    if (visibility == false) {
        alert("Discussion button is Hidden!!!");
    }
}

使用ASP.NET的另一种方法：

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

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

#discussionButton{    
    visibility : hidden;
}

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

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

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

function CallFunction() {
    var visibility = $("#discussionButton").is(":visible");
    if (visibility == false) {
        alert("Discussion button is Hidden!!!");
    }
}

使用按钮的OnClientClick属性调用一个函数，该函数将使用jQuery检查按钮是否可见

标记：

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

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

#discussionButton{    
    visibility : hidden;
}

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

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

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

function CallFunction() {
    var visibility = $("#discussionButton").is(":visible");
    if (visibility == false) {
        alert("Discussion button is Hidden!!!");
    }
}

---

谢谢，很好用。但我们这里有几个问题。当使用asp.net将控件设置为隐藏时，该控件根本不会在html页面上呈现。其次，我需要知道如何使用asp.net将jquery代码添加到按钮中。@DeepAnjanag，我已经更新了答案。你可以查一下。只需在客户端单击时使用jQuery检查按钮的可见性。它正在检查asp.net属性。