DataList下使用CheckBox实现多选

最新推荐文章于 2022-08-31 10:55:17 发布

weixin_30848775

最新推荐文章于 2022-08-31 10:55:17 发布

阅读量437

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xyangs/archive/2012/03/14/2396225.html

本文介绍如何在ASP.NET网页中实现数据列表的全选功能，并通过JavaScript处理选中项的数据操作，包括删除指定ID的数据项。

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

1.在页面中需要的地方放置<asp:CheckBox ID="CheckBox1" runat="server" />

2.绑定数据时绑定 DataList1.DataKeyField = "Id";

3.按钮事件

            for (int i = 0; i < this.DataList1.Items.Count; i++)
            {

                CheckBox cb = (CheckBox)DataList1.Items[i].FindControl("CheckBox1");

if (cb.Checked)
                {
int id = Convert.ToInt32(DataList1.DataKeys[i].ToString());

                    LiuYanManager.DelLiuYanById(id);
                }


            }

4.如需全选，就要用到javascript了

<script language="javascript">
function GetAllCheckBox(parentItem)
  {
var items = document.getElementsByTagName("input");     
for(i=0; i<items.length;i++)
     {       
if(parentItem.checked)
       {
if(items[i].type=="checkbox")
          {
           items[i].checked = true;
          }
       }
else
       {
if(items[i].type=="checkbox")
          {
           items[i].checked = false;
          }
       }
     }
  }

</script>