浅析ASP.NETCheckBoxList

ASP.NET CheckBoxList 实现单选

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

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

主要代码

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

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

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

     
 
 
 
      
  
  
  
  
    1. 单选效果的CheckBoxList
      2. 
  
  
  
  
    2. <divstyledivstyle="float:left">
      3. 
  
  
  
  
    3. 静态项
      4. 
  
  
  
  
    4. <asp:CheckBoxListIDasp:CheckBoxListID=
      "CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow">
      5. 
  
  
  
  
    5. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item1">Item1
      6. 
  
  
  
  
    6. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item2">Item2
      7. 
  
  
  
  
    7. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item3">Item3
      8. 
  
  
  
  
    8. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item4">Item4
      9. 
  
  
  
  
    9. <asp:ListItemonclickasp:ListItemonclick=
      "CheckBoxList_Click(this)"Value="Item5">Item5
      10. 
  
  
  
  
      11. 
  
  
  
  
      12. 
  
  
  
  
    12. <divstyledivstyle="float:left;padding-left:100px">
      13. 
  
  
  
  
    13. 绑定项
      14. 
  
  
  
  
    14. <asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat=
      "server"DataTextField="Value"DataValueField="Key"OnDataBound=
      "CheckBoxList2_DataBound">
      15. 
  
  
  
  
      16. 
  
  
  
  
      17. 
 
 
 
 
    兼容性
    IE 6 SP6,  FF 2.0,  Opera 9.2 测试通过
    页面效果
                
    
                网页名称：浅析ASP.NETCheckBoxList
                
    
                本文地址：http://www.csdahua.cn/qtweb/news49/6199.html
            
    
            
    
                                    成都网站优化推广公司_创新互联，为您提供企业网站制作、手机网站建设、网站维护、品牌网站设计、软件开发、微信小程序            
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                快上网
            
    
        
        
    
            
    成都快上网为您推荐相关内容
    
            
        
    
    
    
    
        
    
            
    网站建设知识
    
            
        
    
        
    
            
    分类信息网站
    
            
        
    
    
    


    
    
    
        成都导视系统设计　　 　成都门户网站建设设计方案　　 　网站设计　　 　重庆电商网站定制　　 　正泰动物　　 　网络营销推广　　 　成都网站制作　　 　微信小程序开发　　 　成都免费网站建设公司　　 　绵阳网站建设　　 　广汉锦华　　 　成都添翼二手车　　 　攀枝花网站设计　　 　企业手机网站建设　　 　响应式网站建设方案　　 　成都未宇聚　　 　成都定制网站开发　　 　成都服务器租用　　 　绵阳网站制作　　 　云虚拟主机