单击按钮时显示/隐藏 href 链接答案

【问题标题】：Show/Hide href link on click on a button单击按钮时显示/隐藏 href 链接
【发布时间】：2017-01-09 02:37:23
【问题描述】：

在按钮上单击会生成详细信息页面。单击它时我有一个href链接，它在页面中导航。但是在页面加载时应该只有按钮（点击它会生成主页），但href链接也出现了。

我想在页面加载时应该只有一个按钮，点击它应该会出现href链接。单击另一个按钮时应该消失。

脚本：

$(document).ready(function () {
        $('#priorityC').hide();
        $('#perC').hide();
        });
    $('#btnAnalyse').click(function () {
        $('#priorityC').show();
        $('#perC').show();
    });

这是按钮：

<asp:ImageButton ID="btnAnalyse" runat="server" OnClick="btnAnalyse_Click"/>

这是我只想在单击上述按钮时显示的 href 链接：

<a href="Homepage.aspx#perC">Hourly Detailed Priority Representation</a>
<a name="priorityPer">
<div id="perC" class="center">
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage     representation of Ticket Count" Visible="false"></asp:Label>
</div>
</a>

它在页面加载时隐藏，但在按钮点击时不显示。

【问题讨论】：

请分享您尝试了什么？
请分享您的代码
@SamudralaRamu 看看

标签： c# html asp.net href

【解决方案1】：

test.aspx

<li class="nav-item">
   <a class="nav-link" id="AdminFaciliy" href="charts.html" runat="server">
   <i class="fas fa-fw fa-user">
</i>

text.aspx.cs

if (Utype.Trim().ToUpper()=="ADMIN"){               
  AdminFaciliy.Visible = true;
}

【讨论】：

【解决方案2】：

<asp:ImageButton ID="btnAnalyse" runat="server" ImageUrl="image1.jpg" OnClick="btnAnalyse_Click"/>


<a href="Homepage.aspx#p" id="linkid" runat="server">Hourly Detailed Priority Representation</a>
<a name="priorityPer">
<div id="per" class="center">
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage     representation of Ticket Count" Visible="false"></asp:Label>
</div>
</a>

在你的后端页面（codepage.cs）

 protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        linkid.Visible = false;
    }
}
protected void btnAnalyse_Click(object sender, ImageClickEventArgs e)
{
    if (linkid.Visible == false)
    {
        linkid.Visible = true;
    }
}

 protected void btnAnother_Click(object sender, EventArgs e)
    {
     linkid.Visible = false;
    }

【讨论】：

linkid 没有出现在后端页面
复制并粘贴在两个代码上方。检查。它对我来说很好。构建您的项目并再次使用此代码。它应该工作。 protected void btnAnother_Click(object sender, EventArgs e) 记住这是另一个隐藏href的按钮名称。相应地设置此按钮名称。
你改了吗？

【解决方案3】：

您可以在 div 中编写 href 链接并使用 Jquery，您可以相应地隐藏和显示 div。

代码 sn-p

<script>
// On load hide the div
$(document).ready(function(){
  $('#MYDIV').hide();
};

// call this function on button click to show/hide the link
function showHideLink(buttonName)
{
  if(buttonName=='blah')
  {
    $('#MYDIV').hide();
  }
  else
  {
    $('#MYDIV').show();
  }
}
</script>

希望这会有所帮助。

【讨论】：

Jquery 的新手，你能告诉我在哪里写哪一部分吗？谢谢:)
检查您的点击事件是否正常工作，方法是在点击事件中使用警报或使用调试器。
点击无效。我在点击事件中使用了警报。是不是asp.net和JQuery中的click事件不能协同工作？？
您编写的代码是用于 HTML 按钮的，因为该按钮是您的 asp.net 控件，因此它不起作用尝试$("#<%=btnAnalyse.ClientID %>").click(function() { alert('Asp Button Clicked'); }); });