Javascript 为什么IE和Firefox中的工作方式不同？

我在html页面中有以下代码：

<script type="text/javascript">      
    function industry(industryid)
    {
        if(industryid==0)
        {
            document.getElementById("SubIndustry").style.visibility="Hidden";
        }
        else
        {
            document.getElementById("SubIndustry").style.visibility="Visible";
        }
    }
</script>

功能产业（industryid）
{
如果（行业ID==0）
{
document.getElementById（“子行业”）.style.visibility=“隐藏”；
}
其他的
{
document.getElementById（“子行业”）.style.visibility=“可见”；
}
}

此处使用此代码：

<div class="Question">
             2. What is the primary nature of your business?
        </div>

        <div class="Answer">
            <input type="radio" name="q2" class="Button" value="1-1" onchange='industry(0)' />
            Manufacturing/Logistics
            <br />
            <input type="radio" name="q2" class="Button" value="1-2" onchange='industry(0)' />
            Government/Schools
            <br />
            <input type="radio" name="q2" class="Button" value="1-3" onchange='industry(1)' />
            Commercial/Service/Medical/Retail/Other
        </div>

        <div id="SubIndustry">
            <div class="Question">
                Services Sub Industry
            </div>

            <div class="Answer">
                <input type="radio" name="q2-1" class="Button" value="135-55" />
                Healthcare
                <br />
                <input type="radio" name="q2-1" class="Button" value="135-56" />
                Other
            </div>

        </div>

2.您的业务的主要性质是什么？
制造/物流


政府/学校


商业/服务/医疗/零售/其他
服务业子行业
保健


其他

本质上，这就是应该发生的事情：

子行业

div开始是无形的，当有人选择第三产业选项“商业/服务/医疗/零售/其他”时，就会出现

子行业

div。如果他们点击关闭第三产业，它就会消失

这就是它在Firefox中的工作原理，但在IE8中并非如此。这就像是在后面“转弯”。所以当我点击第三产业时，什么也没发生，但如果我点击了，子产业就会出现。如果我点击离开，它会再次消失

---

那么，为什么IE8的工作方式与Firefox不同呢？

我认为这一定是个错误，因为一旦你选择了第三个选项，它就不会使div可见，但当你在其他地方单击时，div就会出现

我修改了代码，它可以工作：-

<div class="Answer">
    <input type="radio" name="q2" class="Button" value="1-1" onclick="industry(0)" />
    Manufacturing/Logistics
    <br />
    <input type="radio" name="q2" class="Button" value="1-2" onclick="industry(0)" />
    Government/Schools
    <br />
    <input type="radio" name="q2" class="Button" value="1-3" onclick="industry(1)" />
    Commercial/Service/Medical/Retail/Other
</div>

制造/物流


政府/学校


商业/服务/医疗/零售/其他

尝试使用

onclick

而不是

onchange

记住IE8不符合标准，但是我不知道为什么会发生这种情况。哦，我明白了，是onclick而不是onchange