点击RadioButton，显示（隐藏）层的问题，求教各位了！

<asp:Panel ID="pan_ShiJian1" runat="server" style="display:block">这个是ID 在实际输出的时候前面会增加前缀你再页面上点右键输出源代码就可以发现

         var ShiJian1, ShiJian2, ShiJian3, rb1, rb2, rb3;
         ShiJian1 = document.getElementById('<%=pan_ShiJian1.ClientID %>');
         ShiJian2 = document.getElementById('<%=pan_ShiJian2.ClientID %>');
         ShiJian3 = document.getElementById('<%=pan_ShiJian3.ClientID %>');         rb1 = document.getElementById('<%=rdb_ShiJian1.ClientID %>');
         rb2 = document.getElementById('<%=rdb_ShiJian2.ClientID %>');
         rb3 = document.getElementById('<%=rdb_ShiJian3.ClientID %>');

我看了一下源代码，并没有增加前缀呀，输出页面中的id和原始代码中的id是一样的。

我看了一下源代码，并没有增加前缀呀，输出页面中的id和原始代码中的id是一样的。好吧那是碰巧
你看3L的正确引用id 的方式

按照您的说明重新更改，还是有错误，错误提示为：
TypeError: ShiJian3.sytle is undefined
ShiJian3.sytle.display = "none";TypeError: ShiJian2.sytle is undefined
ShiJian2.sytle.display = "none";

我看了一下源代码，并没有增加前缀呀，输出页面中的id和原始代码中的id是一样的。好吧那是碰巧
你看3L的正确引用id 的方式
按照3L的设置了，还是有错误提示，提示为：
TypeError: ShiJian3.sytle is undefined
ShiJian3.sytle.display = "none";TypeError: ShiJian2.sytle is undefined
ShiJian2.sytle.display = "none";

1、右键查看源代码
2、用<%=rdb_ShiJian1.ClientID %>

我一直搞不懂
你们用.net的组件了
还搞页面js控制干嘛？
点一下早可以自动提交后台然后刷新页面了现在组件的快速开发功能没享受到还自己麻烦自己特别是自己不太熟悉页面的情况下

我一直搞不懂
你们用.net的组件了
还搞页面js控制干嘛？
点一下早可以自动提交后台然后刷新页面了现在组件的快速开发功能没享受到还自己麻烦自己特别是自己不太熟悉页面的情况下
楼上好，我使用javascript的原因是：控制DOM还是用本地判断比较好，快而且不占服务器资源，原本感觉并不是很难的几句代码，但是怎么也实现不了，所以就想实实在在的弄清楚。我的问题惹您烦了，见谅

ShiJianMoKuai函数哪时调用的，最好贴客户端js代码，服务器端控件的ID有可能会改变的，自己查看发送到客户端的html代码控件id是否和你命名的一致

Quote: 引用 11 楼 showbo 的回复:

ShiJianMoKuai函数哪时调用的，最好贴客户端js代码，服务器端控件的ID有可能会改变的，自己查看发送到客户端的html代码控件id是否和你命名的一致[/quot]
版主好，我的代码都在1楼贴上了，我查看了客户端页面的HTML代码，发现ID没有变化，但是用您在2楼给出的方法，又重新出现了新的错误，错误的内容我写在5楼了。
ShiJianMoKuai函数我是在RadioButton变化的时候调用的，详细的代码都在1楼中了。

.........................pan_没有区分大小写。而且是style属性，不是sytle。。
    <script type="text/javascript" language="javascript">
        function ShiJianMoKuai() {
            var ShiJian1, ShiJian2, ShiJian3, rb1, rb2, rb3;
            ShiJian1 = document.getElementById('pan_ShiJian1');
            ShiJian2 = document.getElementById('pan_ShiJian2');
            ShiJian3 = document.getElementById('pan_ShiJian3');            rb1 = document.getElementById('rdb_ShiJian1');
            rb2 = document.getElementById('rdb_ShiJian2');
            rb3 = document.getElementById('rdb_ShiJian3');            if (rb1.checked == true) {
                ShiJian2.style.display = "none";
                ShiJian3.style.display = "none";
                ShiJian1.style.display = "block";
            }
            else if (rb2.checked == true) {
                ShiJian1.style.display = "none";
                ShiJian3.style.display = "none";
                ShiJian2.style.display = "block";
            }
            else if (rb3.checked == true) {
                ShiJian1.style.display = "none";
                ShiJian2.style.display = "none";
                ShiJian3.style.display = "block";
            }        }
    </script>
    <form runat="server"><table><tr>
      <td colspan="3">
                    <asp:RadioButton ID="rdb_ShiJian1" runat="server" GroupName="ShiJian" Checked="true" Text="具体日期" onchange="ShiJianMoKuai();" />
                     <asp:RadioButton ID="rdb_ShiJian2" runat="server" GroupName="ShiJian" Text="时间段" onchange="ShiJianMoKuai();"/>
                     <asp:RadioButton ID="rdb_ShiJian3" runat="server" GroupName="ShiJian" Text="领导紧急批号" onchange="ShiJianMoKuai();"/></td>
                <td colspan="4">
                    <asp:Panel ID="pan_ShiJian1" runat="server" style="display:block">
                        <asp:TextBox ID="txt_ShiJian1" runat="server"></asp:TextBox></asp:Panel>
                    <asp:Panel ID="pan_ShiJian2" runat="server"  style="display:none">
                        <asp:TextBox ID="txt_QiShiShiJian" runat="server"></asp:TextBox>—
                        <asp:TextBox ID="txt_JieShuShiJian" runat="server"></asp:TextBox></asp:Panel>
                    <asp:Panel ID="pan_ShiJian3" runat="server"  style="display:none">
                        <asp:DropDownList ID="ddl_PiHao" runat="server"></asp:DropDownList>
                        <asp:Label ID="lab_PiHao" runat="server" Text="批号日期："></asp:Label>
                        <asp:Label ID="lab_PiHaoRiQi" runat="server" Text=""></asp:Label>
                    </asp:Panel>
                </td></tr></table></form>

调试易

点击RadioButton，显示（隐藏）层的问题，求教各位了！

解决方案 »