ASP.NET CheckBoxList 实现单选

为企业提供网站建设、做网站、网站优化、全网营销推广、竞价托管、品牌运营等营销获客服务。成都创新互联拥有网络营销运营团队，以丰富的互联网营销经验助力企业精准获客，真正落地解决中小企业营销获客难题，做到“让获客更简单”。自创立至今，成功用技术实力解决了企业“网站建设、网络品牌塑造、网络营销”三大难题，同时降低了营销成本，提高了有效客户转化率，获得了众多企业客户的高度认可！

一看标题估计大家都开始怀疑了：单选？为什么不直接使用 RadioButtonList ？
是的。你是对的。然而，实际应用中需求千变万化，谁让我们的客户够 BT 呢？

主要代码

只有一个通用的ASP.NET CheckBoxList_Click 函数，
需要注意的是ASP.NET CheckBoxList 可以呈现为 table 布局，也可以呈现为流布局（使用 span 做外部容器）

我的习惯是，脚本代码中，尽量不直接引用 html id，因为对于服务器控件对应的是 ClientID，而ClientID与控件层次关联的，不利于代码移植复用，因此尽可能选择直接传递对象，通过 DOM 获取相关的父控件和子控件。

 
 
 
 

  
  
  
  
functionCheckBoxList_Click(sender) 
  
  
  
  
{ 
  
  
  
  
varcontainer=sender.parentNode; 
  
  
  
  
if(container.tagName.toUpperCase()=="TD"){ 
  
  
  
  
//服务器控件设置呈现为table布局（默认设置），否则使用流布局 
  
  
  
  
containercontainer=container.parentNode.parentNode; 
  
  
  
  
//层次：

  
  
  
  
} 
  
  
  
  
varchkList=container.getElementsByTagName("input"); 
  
  
  
  
varsenderState=sender.checked; 
  
  
  
  
for(vari=0;i;i++){ 

  
  
  
  
chkList[i].checked=false; 
  
  
  
  
} 
  
  
  
  
sender.checked=senderState; 
  
  
  
  
}
 
 
 
 
 
 
 
 

  
  
  
  
单选效果的CheckBoxList
  
  
  
  
<divstyledivstyle="float:left">
  
  
  
  
静态项
  
  
  
  
<asp:CheckBoxListIDasp:CheckBoxListID=
"CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow">
  
  
  
  
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item1">Item1
  
  
  
  
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item2">Item2
  
  
  
  
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item3">Item3
  
  
  
  
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item4">Item4
  
  
  
  
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item5">Item5
  
  
  
  

  
  
  
  

  
  
  
  
<divstyledivstyle="float:left;padding-left:100px">
  
  
  
  
绑定项
  
  
  
  
<asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat=
"server"DataTextField="Value"DataValueField="Key"OnDataBound=
"CheckBoxList2_DataBound">
  
  
  
  

  
  
  
  

 
 
 
 
兼容性
IE 6 SP6,  FF 2.0,  Opera 9.2 测试通过
页面效果
                    

                    分享名称：浅析ASP.NETCheckBoxList                    

                    当前网址：https://chengdu.cdxwcx.cn/article/dhodcse.html
                
            
        
        
        
        

            
其他资讯
            

                

                    

                            
                                
gogs数据库报错
                            
                        

                            
                                
SEO站内优化：提升网站质量的十二个技巧
                            
                        

                            
                                
妙招分享：教你实现服务器开机自动播放视频(服务器如何开机自动播放视频)
                            
                        

                            
                                
怎样开网店详细步骤？(怎么建一个网店店铺)
                            
                        

                            
                                
阿里云自研数据库AnalyticDB打破TPC-DS世界纪录
                            
                        
                
            
        
        
        

    










    

        
QQ咨询
        

            
在线咨询
        
        
官方微信
            

        
        
联系电话
            

                
座机028-86922220
                
手机13518219792
            
        
        
返回顶部