温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ASP.NET中CheckBoxList的作用是什么

发布时间:2021-07-15 15:39:04 阅读:480 作者:Leah 栏目:编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章给大家介绍ASP.NET中CheckBoxList的作用是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

主要代码

只有一个通用的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;  //层次:<table><tr><td><input/> }  varchkList=container.getElementsByTagName("input");  varsenderState=sender.checked;  for(vari=0;i<chkList.length;i++){  chkList[i].checked=false;  }  sender.checked=senderState;  }
<h4>单选效果的CheckBoxList</h4> <divstyledivstyle="float:left"> <h5>静态项</h5> <asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow"> <asp:ListItemonclickasp:ListItemonclick="CheckBoxList_Click(this)"Value="Item1">Item1</asp:ListItem> <asp:ListItemonclickasp:ListItemonclick="CheckBoxList_Click(this)"Value="Item2">Item2</asp:ListItem> <asp:ListItemonclickasp:ListItemonclick="CheckBoxList_Click(this)"Value="Item3">Item3</asp:ListItem> <asp:ListItemonclickasp:ListItemonclick="CheckBoxList_Click(this)"Value="Item4">Item4</asp:ListItem> <asp:ListItemonclickasp:ListItemonclick="CheckBoxList_Click(this)"Value="Item5">Item5</asp:ListItem> </asp:CheckBoxList> </div> <divstyledivstyle="float:left;padding-left:100px"> <h5>绑定项</h5> <asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat="server"DataTextField="Value"DataValueField="Key"OnDataBound="CheckBoxList2_DataBound"> </asp:CheckBoxList> </div> 

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

页面效果

ASP.NET中CheckBoxList的作用是什么

关于ASP.NET中CheckBoxList的作用是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×