ASP.NET中CheckBoxList的作用是什么
这篇文章给大家介绍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的作用是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。