JavaScript控制checkbox全选，以及获取checkbox文本

最新推荐文章于 2024-04-03 09:18:57 发布

原创最新推荐文章于 2024-04-03 09:18:57 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #server #asp #table #null #user

.net 同时被 2 个专栏收录

6 篇文章

订阅专栏

JavaScript/Ajax

2 篇文章

订阅专栏

本文介绍如何在ASP.NET中使用服务器控件checkbox和checkboxList实现全选与取消全选的功能，同时提供了一种方法来获取所选checkbox的文本内容。通过C#代码实现了在DataList绑定事件中动态填充checkbox的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里考虑的是.net服务器控件checkbox或checkboxList；

假设页面如下，chkDepart是部门，chkPeople是所属部门的人员

设置全选或全不选

获取所选checkbox的Text

由于checkbox生产的html代码是用label来显示其文本，并且以"for"属性的值和checkbox的id对应，因此可以用

var lbs=document.getElementsByTagName获取所有label，再根据lbs[i].getAttributeNode("for").value来判断是否为所属checkbox的id，就可以获取对应checkbox的Text了。

c#代码：在datalist绑定事件中

protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e) { DataRowView drv = e.Item.DataItem as DataRowView; CheckBox chkDep= e.Item.FindControl("chkDepart") as CheckBox; chkDep.ID = "Dep"; CheckBoxList cbl = e.Item.FindControl("cblPeople") as CheckBoxList; if (cbl != null) { dvUser.RowFilter="order_id='"+drv["DepartID"].ToString()+"'"; cbl.DataSource = dvUser; cbl.DataTextField = "User_Name"; cbl.DataValueField = "User_Name"; cbl.DataBind(); cbl.ID = drv["DepartID"].ToString(); //标识复选框的id,来确定所属的部门 } if (chkDep != null) { chkDep.Text = drv["Depart_Name"].ToString(); chkDep.Attributes.Add("onclick", string.Format("javascript:onDepartSelect(this,{0})", drv["DepartID"].ToString())); } }