鲨鱼网
浅析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                
    
            
    
            
            
    
                
                
    相关内容
    
                
            
    
            
    
            
            
    
                
            
    


        
        
    
    

    
    
    
        
        
    
            
            
    
                
                
    
                    
                    
    
                        
                        热门资讯
                        
                    
    
                    
                
    
                
            
    
            
            
            
    

                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        PHP新手之PHP入门
                        PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        网络中立的未来 网络中立性是什...
                        《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则，即不考虑来源地提供所有内容和应用的...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        各种千兆交换机的数据接口类型详...
                        千兆交换机有很多值得学习的地方，这里我们主要介绍各种千兆交换机的数据接口类型，作为局域网的主要连接设...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        粉嫩如何诠释霸道 东芝M805...
                        “霸道粉”是个什么玩意东芝M805拿过来的时候，笔者扑哧笑了，不是笑这款笔记本，而是笑这款产品的颜色...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        什么是大数据安全 什么是大数据...
                        在《为什么需要大数据安全分析》一文中，我们已经阐述了一个重要观点，即：安全要素信息呈现出大数据的特征...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        如何利用交换机和端口设置来管理...
                        在网络管理中，总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        全面诠释网络负载均衡
                        负载均衡的出现大大缓解了服务器的压力，更是有效的利用了资源，提高了效率。那么我们现在来说一下网络负载...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        如何允许远程连接到MySQL数...
                        [[277004]]【51CTO.com快译】默认情况下，MySQL服务器仅侦听来自localhos...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        30分钟搞定iOS自定义相机
                        最近公司的项目中用到了相机，由于不用系统的相机，UI给的相机切图，必须自定义才可以。就花时间简单研究...
                    
    
                    
                
    
                                
                
    
                    
                    
    
                        
    
                    
    
                    
                    
                    
    
                        Windows恶意软件20年“...
                        在Windows的早期年代，病毒游走于系统之间，偶尔删除文件（但被删除的文件几乎都是可恢复的），并弹...