Javascript 为什么'；ASP.net RadioButtonList onchange客户端事件触发器？

我有一个asp.net项目，其中我有一个母版页，我包括这一行，以参考JS文件

<script type="text/javascript" src="Scripts/HideDIV.js"></script>

基本上，我需要在这个RadioButtonList上，调用Js“hideDiv（）”上的函数，当a选择一个按钮，一个div隐藏传递到visible

此代码包含在内容中

<div>
        <asp:RadioButtonList ID="RadioButtonTipoUser" runat="server" RepeatDirection="Horizontal" onchange="hideDiv()">

            <asp:ListItem Selected="true" Value="1">Dome</asp:ListItem>
            <asp:ListItem Value="2">Emp</asp:ListItem>
            <asp:ListItem Value="3">Vet</asp:ListItem>
        </asp:RadioButtonList>


    </div>

    <div id="div1" style="display:none">
        <a>Charls</a>
    </div>
    <div id="div2" style="display:none"><a>Maris</a></div>
</div>

圆顶
电磁脉冲
兽医
查尔斯
马里斯

我进行了一次调试，错误消息是

ReferenceError:未定义hideDiv

如何使onchange=“hideDiv（）”调用hideDiv（）函数

---

最好使用jquery来完成任务

HTML

<div>
        <asp:RadioButtonList ID="RadioButtonTipoUser" runat="server" RepeatDirection="Horizontal">

            <asp:ListItem Selected="true" Value="1">Dome</asp:ListItem>
            <asp:ListItem Value="2">Emp</asp:ListItem>
            <asp:ListItem Value="3">Vet</asp:ListItem>
        </asp:RadioButtonList>


    </div>

    <div id="div1" >
        <a>Charls</a>
    </div>
    <div id="div2" ><a>Maris</a></div>

---

我们的站点是一个内部网，我必须在Internet Explorer的兼容性视图中关闭显示内部网站点，以便onchange在RadioButtonList中工作。看起来ASP.NET实际上向RadioButtonList呈现为的包含表中添加了一个javascript事件，而兼容性视图中的IE停止了该工作

---

您是否已检查js文件是否正确加载？右键单击页面，现在转到查看页面源代码。在您看到的地方，单击src。然后检查文件是否已附加。是文件已加载。打开控制台并输入

hideDiv（）

，然后查看其作用。如果这不起作用，那么函数出于某种原因超出了范围-可能是在一个附件中定义的$（“#div2”）.hide（）；`然后运行Jquery。但是代码的其余部分没有显示div。在哪里测试它？在你的项目中或在js fiddle.ok上，我正在将我的asp:单选按钮更新为输入类型radio。这是Ty，我改为文字。最好的

<div>
        <asp:RadioButtonList ID="RadioButtonTipoUser" runat="server" RepeatDirection="Horizontal">

            <asp:ListItem Selected="true" Value="1">Dome</asp:ListItem>
            <asp:ListItem Value="2">Emp</asp:ListItem>
            <asp:ListItem Value="3">Vet</asp:ListItem>
        </asp:RadioButtonList>


    </div>

    <div id="div1" >
        <a>Charls</a>
    </div>
    <div id="div2" ><a>Maris</a></div>

 $(document).ready(function () {

        $('#div1').hide();
        $('#div2').hide();
        $('#RadioButtonTipoUser_1').on('change', function () {

            if ($(this).is(':checked')) {
                $('#div1').show();
                $('#div2').hide();
            }
        });
        $('#RadioButtonTipoUser_2').on('change', function () {
            alert("ok1");
            if ($(this).is(':checked')) {
                $('#div1').hide();
                $('#div2').show();
            }
        });
    });