鲨鱼网
浅析ASP.NET CheckBoxList
创始人
2024-04-25 15:00:28
0次

ASP.NET CheckBoxList 实现单选

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

主要代码

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

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

  1. functionCheckBoxList_Click(sender)  
  2. {  
  3. varcontainer=sender.parentNode;  
  4. if(container.tagName.toUpperCase()=="TD"){  
  5. //服务器控件设置呈现为table布局（默认设置），否则使用流布局  
  6. containercontainer=container.parentNode.parentNode;  
  7. //层次：
     
  8. }  
  9. varchkList=container.getElementsByTagName("input");  
  10. varsenderState=sender.checked;  
  11. for(vari=0;i;i++){  
  12. chkList[i].checked=false;  
  13. }  
  14. sender.checked=senderState;  
  15. } 
    16. 

     
    1. 单选效果的CheckBoxList
       
    2. <divstyledivstyle="float:left"> 
    3. 静态项
       
    4. <asp:CheckBoxListIDasp:CheckBoxListID=
      "CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow"> 
    5. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item1">Item1 
    6. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item2">Item2 
    7. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item3">Item3 
    8. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item4">Item4 
    9. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item5">Item5 
    10.  
    11.  
    12. <divstyledivstyle="float:left;padding-left:100px"> 
    13. 绑定项
       
    14. <asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat=
      "server"DataTextField="Value"DataValueField="Key"OnDataBound=
      "CheckBoxList2_DataBound"> 
    15.  
    16.  
    

    兼容性
    IE 6 SP6,  FF 2.0,  Opera 9.2 测试通过
    

    页面效果
    

    页面效果
    

    【编辑推荐】
    

      

    1. ASP.NET开发技巧之Theme功能浅析
      2. 

    2. 详解ASP.NET动态编译
      3. 

    3. Apache支持ASP.NET方法浅析
      4. 

    4. 浅谈ASP.NET服务器标准控件
      5. 

    5. ASP.NET中SQL Server数据库备份恢复浅析
                     
            
            
            
    
                
                            
    
            
    
                
    
                    上一篇：ASP.NET控件开发技巧之使用HtmlTextWriter类浅析
    
                
    
                
    
                    下一篇：.NET框架中的XML基础类：xsd.exe                
    
            
    
            
            
    
                
                
    相关内容
    
                
            
    
            
    
            
            
    
                
            
    


        
        
    
    

    
    
    
        
        
    
            
            
    
                
                
    
                    
                    
    
                        
                        热门资讯
                        
                    
    
                    
                
    
                
            
    
            
            
            
    

                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        如何允许远程连接到MySQL数...
                        [[277004]]【51CTO.com快译】默认情况下，MySQL服务器仅侦听来自localhos...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        如何利用交换机和端口设置来管理...
                        在网络管理中，总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        施耐德电气数据中心整体解决方案...
                        近日，全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”，作为该活动的...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        20个非常棒的扁平设计免费资源
                        Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        2009 IBM动态架构新动力...
                        
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        通过 XML 进行内容发布
                        
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        德国电信门户网站可实时显示全球...
                        德国电信周三推出一个门户网站，直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        为啥国人偏爱 Mybatis，...
                        关于 SQL 和 ORM  的争论，永远都不会终止，我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        《非诚勿扰》红人闫凤娇被曝厕所...
                        【51CTO.com 综合消息360安全专家提醒说，“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        2012年第四季度互联网状况报...
                        [[71653]]　　北京时间4月25日消息，据国外媒体报道，全球知名的云平台公司Akamai Te...