html表的显示隐藏在javascript（IE8）中不起作用

单击
复选框的
我想
显示
/
隐藏
HTML表格。我试着像下面一样

HTML

 <tr id="trfeedback" runat="server" visible="false">
            <td style="width: 5%">
            </td>
            <td style="width: 90%">
                <asp:CheckBox ID="chkFeedback" runat="server" Text="Send Feedback" Width="6%" onclick="toggleTable();" />
            </td>
            <td style="width: 5%">
            </td>
        </tr>
        <table id="trchkOptions" runat="server">
            <tr>
                <td style="width: 5%">
                </td>
                <td>
                    <asp:CheckBox ID="chkOption1" runat="server" Width="5%" />
                    Option 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To&nbsp;
                    RA 1,&nbsp; RA 2
                </td>
                <td style="width: 5%">
                </td>
            </tr>
            <tr>
                <td style="width: 5%">
                </td>
                <td>
                    <asp:CheckBox ID="chkOption2" runat="server" Width="5%" />
                    Option 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To&nbsp;
                    HMS, VMS.
                </td>
                <td style="width: 5%">
                </td>
            </tr>
            <tr>
                <td style="width: 5%">
                </td>
                <td>
                    <asp:CheckBox ID="chkOption3" runat="server" Width="5%" />
                    Option 3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To,
                    RA 1,&nbsp; RA 2.
                </td>
                <td style="width: 5%">
                </td>
            </tr>
        </table>

但它不起作用。我不知道我错在哪里。HTML的视图源代码如下所示


请帮助
更新。
基本上，您必须调用
window.getComputedValue
来获取计算的css值

Element.style.display
仅在代码的style属性中定义了显示时才起作用

IE8解决方案：

((window.getComputedStyle ? window.getComputedStyle(lTable) : lTable.currentStyle).display === "table") ? "none" : "table";

但是我不能测试它，因为我没有IE8。
更新了。
基本上，您必须调用
window.getComputedValue
来获取计算的css值

Element.style.display
仅在代码的style属性中定义了显示时才起作用

IE8解决方案：

((window.getComputedStyle ? window.getComputedStyle(lTable) : lTable.currentStyle).display === "table") ? "none" : "table";

但是我无法测试它，因为我没有IE8。
下面是代码的工作版本，它使用复选框
checked
属性来显示和隐藏表

以下是我做的一些小改动：

<!-- setting the initial state to checked and passing this to toggle function-->
<input id="chkFeedback" type="checkbox" name="chkFeedback" onclick="toggleTable(this);" />


发送反馈
选择1至
RA 1，RA 2
备选案文2
HMS，VMS。
备选案文3：，
RA 1，RA 2。
下面是代码的工作版本，它使用复选框
checked
属性来显示和隐藏表

以下是我做的一些小改动：

<!-- setting the initial state to checked and passing this to toggle function-->
<input id="chkFeedback" type="checkbox" name="chkFeedback" onclick="toggleTable(this);" />


发送反馈
选择1至
RA 1，RA 2
备选案文2
HMS，VMS。
备选案文3：，
RA 1，RA 2。
它在
IE 8中不起作用。很抱歉，我忘了提到它仍然不起作用：（即使它在
CHROME
alsoIn控制台中不工作，它也显示为
frmEmployee\u Exit\u面试。aspx:187未捕获类型错误：无法读取空frmEmployee\u Exit\u面试的属性“addEventListener”。aspx:276未捕获语法错误：意外标记。frmEmployee\u Exit\u面试。aspx？userid=996:1006未捕获引用错误：disablegr）未定义idhttp://localhost:62999/ERP%20Lite/Images/FNDSSCORP.gif 未能加载资源：服务器以404（未找到）的状态响应。
请确保代码已加载到DomReady或onLoad。在fiddle中单击“javascript”并在“加载类型”中选择正确的选项.让我们来看看。它在
IE 8中不起作用。对不起，我忘了提到它仍然不起作用：（即使它在
CHROME
alsoIn控制台中不工作，它也显示为
frmEmployee\u Exit\u面试。aspx:187未捕获类型错误：无法读取空frmEmployee\u Exit\u面试的属性“addEventListener”。aspx:276未捕获语法错误：意外标记。frmEmployee\u Exit\u面试。aspx？userid=996:1006未捕获引用错误：disablegr）未定义idhttp://localhost:62999/ERP%20Lite/Images/FNDSSCORP.gif 未能加载资源：服务器以404（未找到）的状态响应。
请确保代码已加载到DomReady或onLoad。在fiddle中单击“javascript”并在“加载类型”中选择正确的选项.让我们来看看。复选框中的
复选框是什么？它是决定您是否已选择（选中）的复选框的一部分是否选中。默认情况下，我不希望选中它。.Shd我删除它？如果默认情况下未选中它，您希望您的表可见吗？否，页面加载表Shd也不可见。一旦我选中了表Shd get visible在复选框中选中了什么
复选框
是否选中。默认情况下，我不希望选中它。.Shd我删除它？如果默认情况下未选中，是否希望您的表可见？否，页面加载表Shd也不可见。一旦我选中，表Shd将可见