RadioButtonList控件如何取得选中的值

1、需求:我现在页面上有放两个单选控件,现在要通过判断不同的单选控件来对页面上的标签进行显示和隐藏操作

2、控件如下

复制代码
<asp:RadioButtonList ID="rb_pumpParameter" TabIndex="1" runat="server" RepeatColumns="9" 
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem onclick="pumpParameter();" Value="管式泵">管式泵</asp:ListItem>
    <asp:ListItem onclick="pumpParameter();" Value="抽稠泵">抽稠泵</asp:ListItem>
</asp:RadioButtonList>
View Code
复制代码

3、我在控件中都加了onclick方法,也就是单我选择这个控件时会走这个方法,在这个方法中我通过判断哪个按按钮被选中了,然后来进行我想要的操作,在这里我是对页面上的两个标签进行的隐藏,方法如下:

复制代码
function pumpParameter()
        {
            var rb_pump = document.getElementById("<%=rb_pumpParameter.ClientID%>");
            var radios = rb_pump.getElementsByTagName("INPUT");
            if (radios != null)
            {
                for (var i = 0; i < radios.length; i++)
                {
                   
                    if (radios[i].checked)
                    {
                        if (radios[i].value == "管式泵") {
                            $(".TubingPumpDiameter").css("display", "block");
                            $(".thickeningPumpDiameter").css("display","none");
                        } else {
                            $(".TubingPumpDiameter").css("display", "none");
                            $(".thickeningPumpDiameter").css("display", "block");
                        }                        
                    }        
                }
            }
        }
View Code
复制代码

 

posted @   爱生活,爱代码  阅读(1768)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示