2011-03-25 167 views
0

我想刪除複選框客戶端。在Chrome中運行良好。無法讓它進入IE8。隱藏複選框IE8

document.getElementById('CheckBox3').style.display = 'none'; 

我也試過style.visibility = 'hidden'style.visibility = 'collapse',以及禁用的複選框。我可以在它的左邊刪除一個標籤沒有問題 - 所有這些都可以工作,但是沒有一個可以用於刪除CheckBox。

任何想法?

<td class="DatapointsCheckbox"> 
    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" /> 
</td> 

這是標記。

.DatapointsCheckbox 
{ 
    width: 40px; 
} 

這就是CSS ...

圖片:http://i.stack.imgur.com/xYQJN.png HTML標記:http://i.stack.imgur.com/3cinf.png(相關標記的SS,至少)

+0

我看到你正在使用ASP.NET。輸出後ID是否相同? – 2011-03-25 00:42:35

+0

您確定元素上的樣式沒有被CSS樣式標記覆蓋!很重要嗎? – 2011-05-20 00:18:24

+0

你能告訴我們輸入元素的繼承風格嗎? – 2011-05-20 00:18:54

回答

0

首先,它應該是:

document.getElementById('<%= CheckBox3.ClientID %>').style.display = 'none'; 

在ASP.Net中,控件的客戶端ID在運行時編譯,看起來像parent1_parent2_parent3_theControl。使用「ClientID」將爲您提供控件的完整ID。如果你不使用它,我不會指望它可以在任何瀏覽器中工作。

+0

嗨,我繼續前進,並提出你的建議改變,但我沒有看到任何瀏覽器的差異。不過,也許我之前只是覺得它運作得很幸運。 – 2011-03-25 00:49:29

+0

也許你在頁面上有JS錯誤,所以你的JS代碼沒有達到?在IE8中打開F12以打開開發工具 - 您可以檢查這些元素,甚至在您的JS代碼上設置斷點並對其進行調試。 – 2011-03-25 00:51:20

+0

我認爲可能是這樣,但我檢查了它,沒有看到任何錯誤。另外,與CheckBox3相鄰的其他控件正在被移除而不會大驚小怪。 – 2011-03-25 00:54:48