• DataList下使用CheckBox实现多选


    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>

    <input id="cbAll" type="checkbox" onclick="GetAllCheckBox(this)"/>全选

  • 相关阅读:
    Iscroll4使用心得 (转)
    请求接口数据实例
    jQuery插件开发全解析(转)
    js中可以改变作用域的三种方式(改变this)
    this基础(转)
    Hash扫盲
    JS编码解码 (转)
    自定义菜单实例
    DOM(转)
    js扫盲
  • 原文地址:https://www.cnblogs.com/xyangs/p/2396225.html
Copyright © 2020-2023  润新知