搭建设计 复选框设计如下： 效果为： demo代码 你也可以直接复制一下代码实现该效果： %@ Page Language="C#" AutoEventWireup="True" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
搭建设计
复选框设计如下：
效果为：
demo代码
你也可以直接复制一下代码实现该效果：
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title> CheckBoxList例子 </title>
<script runat="server">
void Check_Clicked(Object sender, EventArgs e)
{
Message.Text = "Selected Item(s):<br /><br />";
for (int i=0; i<checkboxlist1.Items.Count; i++)
{
if (checkboxlist1.Items[i].Selected)
{
Message.Text += checkboxlist1.Items[i].Text + "<br />";
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3> CheckBoxList 例子</h3>
选几个你喜欢的
<br /><br />
<asp:CheckBoxList id="checkboxlist1"
AutoPostBack="True"
CellPadding="5"
CellSpacing="5"
RepeatColumns="2"
RepeatDirection="Vertical"
RepeatLayout="Flow"
TextAlign="Right"
OnSelectedIndexChanged="Check_Clicked"
runat="server">
<asp:ListItem>学习 </asp:ListItem>
<asp:ListItem>王者荣耀</asp:ListItem>
<asp:ListItem>卢瓦鲁</asp:ListItem>
<asp:ListItem>吃鸡</asp:ListItem>
<asp:ListItem>部落冲突</asp:ListItem>
<asp:ListItem>明日之战</asp:ListItem>
</asp:CheckBoxList>
<br /><br />
<asp:label id="Message" runat="server" AssociatedControlID="checkboxlist1"/>
</form>
</body>
</html>
基本语法
复选框列表可以使用设计部分通过从 ASP.NET 工具栏窗口拖放控件来创建，或者也可以使用以下代码从标记部分创建。基本格式如下：
<asp: CheckBoxList id=” checkboxlist1” AutoPostBack = “True” TextAlign = “Right” OnSelectedIndexChanged = “CheckList_Clicked” runat= “server”>
<asp: ListItem> Item 1 </asp: ListItem>
<asp: ListItem> Item 2 </asp: ListItem>
<asp: ListItem> Item 3 </asp: ListItem>
ASP.NET CheckBoxList 的属性
可以使用不同的属性访问复选框列表项。
CellPadding：设置单元格内容之间的距离。
RepeatedItemCount：这显示列表中的项目总数。
RepeatColumns：获取要在 CheckboxList 中显示的列数
RepeatDirection：此属性设置复选框列表中的控件垂直或水平显示的方向。
cellspacing： 可用于设置复选框列表的两个单元格之间的距离。
HasFooter：检查复选框列表是否有页脚部分。这是一个布尔属性，false 表示没有页脚部分。
HasHeader：检查复选框列表是否有标题部分。这是一个布尔属性，false 表示没有标题部分。
HasSeparators：检查复选框列表中的项目之间是否有分隔符。这是一个布尔属性，false 表示项目之间没有分隔符。
RenderWhenDataEmpty：当数据源中没有数据时，此属性获取值或设置条件的值。True 表示即使数据源中没有数据，仍会呈现控件。
RepeatLayout：指定如何使用 table 元素、ul 元素或 span 元素呈现列表。
TextAlign：指定复选框中项目的文本对齐方式。
Items：从列表中获取项目的集合。
AutoPostBack：如果设置为 true，则只要用户选择列表中的复选框，就会发生自动回发。