Javascript 如何从asp.net页面中删除thickbox背景屏幕？

我在javascript中有一个a href标记和一个validate方法

我的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.png" runat="server" />
</a>

function validate() {

if (document.getElementById('<%=ColorImageButton.ClientID%>').src.indexOf('Red.png') >= 0) {
             document.getElementById('AnchorImage').removeAttribute('href');
             document.getElementById('AnchorImage').removeAttribute('class');
         }
 }

单击链接时，我需要验证并删除thickbox

我的javascript与此类似

<a onclick="validate();" href="PopUpPage.aspx?KeepThis=true&TB_iframe=true&height=150&width=400"
      class="thickbox" id="AnchorImage" >
<img id="ColorImageButton" src="SiteImages.png" runat="server" />
</a>

function validate() {

if (document.getElementById('<%=ColorImageButton.ClientID%>').src.indexOf('Red.png') >= 0) {
             document.getElementById('AnchorImage').removeAttribute('href');
             document.getElementById('AnchorImage').removeAttribute('class');
         }
 }

函数验证（）{
if（document.getElementById（“”）.src.indexOf（'Red.png'）>=0）{
document.getElementById（'AnchorImage'）。removeAttribute（'href'）；
document.getElementById（'AnchorImage'）。removeAttribute（'class'）；
}
}

我有两个按钮来改变锚标签内的图像。基于使用按钮设置的图像，我正在删除thickbox类。表示如果它是Green.png，我需要显示thickbox的弹出窗口。如果是Red.png，我需要删除或禁用thickbox，否则不应执行任何操作

<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";
}

受保护的无效按钮1\u单击（对象发送者，事件参数e）
{
ColorImageButton.Src=“~/SiteImages/Red.png”；
}
受保护的无效按钮2\u单击（对象发送者，事件参数e）
{
ColorImageButton.Src=“~/SiteImages/Green.png”；
}

---

当用户单击锚定标记内的图像时调用validate，如果条件满足，则不显示弹出窗口。但thickbox的黑色透明屏幕仍在出现，用户需要点击此按钮。我怎样才能解决这个问题

查看thickbox.js源代码，它没有给出取消的方法，因此请尝试手动调用它

e、 g。 从锚中删除thickbox和href属性

<a onclick="validate(); return false;" href="#" id="AnchorImage">
    <img id="ColorImageButton" src="SiteImages.png" runat="server" />
</a>

在validate函数中，必要时调用tb_show以显示thickbox

function validate() {

    if (document.getElementById('<%=ColorImageButton.ClientID%>').src.indexOf('Red.png') >= 0) {
        // Do nothing
    } else {
       //tb_show(caption, url, imageGroup)
       tb_show(null, "PopUpPage.aspx?KeepThis=true&TB_iframe=true&height=150&width=400", false);
    }
}

函数验证（）{
if（document.getElementById（“”）.src.indexOf（'Red.png'）>=0）{
//无所事事
}否则{
//tb_显示（标题、url、图像组）
tb_show（null，“pouppage.aspx？KeepThis=true&tb_iframe=true&height=150&width=400”，false）；
}
}

如果要删除class=“thickbox”，请更改java脚本，如下所示

document.getElementById("AnchorImage").removeAttribute('class'); 

或者，如果要更改属性，请输入下面的代码

例如：文本框

document.getElementById("txt").removeAttribute("readonly",0);

（0,1）将属性值声明为true或false

---

希望这对您有所帮助

是否要删除验证中的class=“thickbox”？@ShoaibMuhammadKhan是的，同样，我认为只有thickbox附带的背景屏幕会消失。我尝试了这个。但是thickbox黑色背景屏幕仍然存在，我对jsfiddle.net还不熟悉。我正在使用它进行检查。通过这段代码，我可以删除thickbox属性，但是thickbox的黑色背景屏幕仍然存在。你会在JSFIDLE上发布你的代码吗？这将有助于我们轻松解决我对jsfiddle.net不熟悉的问题。现在我正在使用它进行检查。