我有一个带有一个图像标签的锚标签,我正在根据按钮单击动态更改锚标签内的图像。button1 设置 Red.png 图像, button2 设置 Green.png 图像。我想验证锚标记内的哪个图像,如果它是 Green.png,我需要显示厚框,如果它是 Red.png,则不应执行任何操作。我怎么能这样做?
//我的aspx代码-带有图像标签的锚标签
<a onclick="validate();" href="PopUpPage.aspx?KeepThis=true&TB_iframe=true&height=150&width=400"
class="thickbox" id="AnchorImage" >
<img id="ColorImageButton" src="SiteImages/Red.png" runat="server" />
</a>
//两个按钮-按钮1设置红色图像,按钮2设置绿色图像
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />
protected void Button1_Click(object sender, EventArgs e)
{
ColorImageButton.Src = "~/SiteImages/Red.png";
}
protected void Button2_Click(object sender, EventArgs e)
{
ColorImageButton.Src = "~/SiteImages/Green.png";
}
更新:根据答案,我添加了一个 JavaScript 来删除链接,但我仍然有厚框的黑屏背景
function validate() {
if (document.getElementById('<%=ColorImageButton.ClientID%>').src.indexOf('Red.png') >= 0) {
document.getElementById('AnchorImage').removeAttribute('href');
}