解决datalist中单选按钮可以多选的问题（Asp.Net）

最新推荐文章于 2022-01-03 17:42:10 发布

转载最新推荐文章于 2022-01-03 17:42:10 发布 · 1.7k 阅读

文章标签：

#asp.net #radiobutton #javascript #input #function #server

ASP.NET 专栏收录该内容

41 篇文章

订阅专栏

本文介绍如何在ASP.NET中使用JavaScript解决单选按钮在DataList等Web控件中可能出现的同时多选问题。通过自定义点击事件，确保同一时刻只能选择一个单选按钮。

问题描述：
Asp.Net中datalist等web控件里面，放多个单选按钮的时候可以同时多选，可以采取以下放法。
问题解决：
最理想的解决之道，用javascript：
<script language="javascript" type="text/javascript">
function clickit() {
        var dom=document.all;
        var el=event.srcElement;
        if(el.tagName=="INPUT"&&el.type.toLowerCase()=="radio")
        {
                for(i=0;i<dom.length;i++)
                {
                        if(dom[i].tagName=="INPUT"&&dom[i].type.toLowerCase()=="radio")
                        {
                                dom[i].checked=false;
                        }
                }
        }
        el.checked=true;
}
</script>

单选按钮的代码如：
<asp:RadioButton ID="RadioButton1" runat="server" onclick="clickit();"
                 Text='<%# DataBinder.Eval(Container.DataItem, "CARD_NBR")%>' />