zoukankan      html  css  js  c++  java
  • GridView控件中实现全选的解决方案

     GridView中我们经常要利用复选按钮实现全选的功能,下面针对这一解决方案做以总结

    第一种:利用客户端控件实现

    JS:

    <script type="text/javascript">

    function checkAll()

    {

        var checklist=document.getElementsByTagName("input");

        for(var i=0;i<checklist.length;i++)

        {

            if(checklist[i].type=="checkbox")

            {

                checklist[i].checked=document.form1.ck.checked;

            }

        }

    }   

    </script>

    GridView控件:

          <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >

                    <Columns>

                        <asp:BoundField DataField="ProductID" HeaderText="产品编号" />

                        <asp:TemplateField>

                            <HeaderTemplate>

                                <input id="ck" type="checkbox" onclick="checkAll();" />

                            </HeaderTemplate>

                            <ItemTemplate>

                                <asp:CheckBox ID="checkbox1" runat="server" />

                            </ItemTemplate>

                        </asp:TemplateField>

                    </Columns>

                </asp:GridView>

     

    第二种:利用服务器端控件实现

     

    protected void 全选_CheckedChanged(object sender, EventArgs e)

        {

            if (全选.Checked == true)

            {

                for (int i = 0; i < GridView1.Rows.Count; i++)

                {

          CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

                    if (ck!=null)

                    {

                        ck.Checked = true;

                    }

                }

            }

           else

            {

                for (int i = 0; i < GridView1.Rows.Count; i++)

                {

         CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

                    if (ck != null)

                    {

                        ck.Checked = false;

                    }

                }

            }

        }

  • 相关阅读:
    字符串转数字,不用系统自带函数
    Hibernate事务与并发问题处理(乐观锁与悲观锁)【转】
    替代Oracle的minus写法
    随机算法
    获取在线时间 (Java Socket)
    在Asp.net中为用户控件(.ascx)添加自定义属性详解
    oracle查询多行数据合并成一行数据
    JS Math.sin() 与 Math.cos() 用法
    [BeiJing2006]狼抓兔子
    [HNOI2008]明明的烦恼
  • 原文地址:https://www.cnblogs.com/tanliang/p/1679461.html
Copyright © 2011-2022 走看看