隐藏链接按钮文本并显示图像

时间:2016-06-21 07:09:55

标签: jquery asp.net asplinkbutton

如果你不明白我说的话,请通过评论告诉我 donot flag or downvotes

我正在使用linkbutton,它在GridView中用于获取Id。

我想显示图片而不是文字.. 我附上了Image。请参见左侧顶部标记部分 我想摆脱 7241

的文字

下面是我的代码..但我需要在jquery点击上获取7241 ,,,请在底部查看jquery代码

ASP.Net代码

 <asp:LinkButton ID="lnkSubmission" CssClass="PopupShow" runat="server"
                                                                        data-toggle="modal" ToolTip="Make Submission"  data-target="#Submission"><%# Eval("fk_LoginId") %>
                                                                        <i class="fa fa-location-arrow" aria-hidden="true"></i>
                                                                    </asp:LinkButton>

Jquery代码

 $(function () {
            $('.PopupShow').click(function () {
                var a = $(this).text();
                $("#<%=CID.ClientID%>").val(a);
            });
        });

当前图片

enter image description here

3 个答案:

答案 0 :(得分:1)

我检查了以下代码是否有效:

<asp:LinkButton ID="btnRandom"  runat="server"  CssClass="btn btn-primary PopupShow" >
          <span aria-hidden="true" class="glyphicon glyphicon-refresh"> <label id="lbl" style="display:none;"><%#Eval("fk_LoginId")%></label> </span>
</asp:LinkButton>

的JavaScript

$('.PopupShow').click(function () {                    
          var a = $(this).find('label').html();
          console.log(a);
          alert(a);
          return false;
});

希望这有帮助!

答案 1 :(得分:0)

为什么你使用linkbutton呢?

<img src="path to your image"  class="PopupShow"/>

你甚至可以使用onClick=

来调用它

确保PopupShow课程不会破坏您的图片样式,或者只添加cursor:pointer

的随机空白课程

答案 2 :(得分:0)

您可以使用图片嵌入式<a>标记,而不是自定义LinkBut​​ton。其href指向“链接”按钮的重定向URL。此外,您还可以将特定图像URL绑定到img标记。考虑下面的示例代码

<a href="<%#Eval("url_here")%>" Class="PopupShow">
      <img src="i<%#Eval("img_url_here")%>" />
</a>

或者您可以使用javascript来执行此功能并调用img标记的onClick中的方法