zoukankan      html  css  js  c++  java
  • datagrid 中 HeaderTemplate 的checkbox 选中则选中 正页记录

    datagrid控件: 

    <HeaderTemplate>
                                                <asp:CheckBox ID="Cbx_DeleteAll" runat="server"/>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <asp:CheckBox ID="Cbx_Delete" runat="server"></asp:CheckBox>
                                            </ItemTemplate>  

    为Cbx_DeleteAll添加 客户端脚本

      protected void DG1_ItemDataBound(object sender, DataGridItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Header)
            {

                CheckBox chk = (CheckBox)e.Item.FindControl("Cbx_DeleteAll");
                chk.Attributes.Add("onclick", "javascript:return SelectAll(this.checked,this.id)");
            }
        }

    客户端脚本

    <script type="text/javascript" language="javascript">
            function SelectAll(chkVal,idVal)
            {
                var thisfrm=document.forms[0];  //是form 控件 作为一个集合
                for(i=0;i<thisfrm.length;i++)
                {
                    if(idVal.indexOf('Cbx_DeleteAll')!=-1)
                    {
                        if(chkVal==true)
                        {
                            thisfrm.elements[i].checked=true;
                        }
                        else
                        {
                            thisfrm.elements[i].checked=false;
                        }
                    }
                    else if(idVal.indexOf('Cbx_Delete'))
                    {
                        if(thisfrm.elements[i].checked==false)
                        {
                            thisfrm.elements[i].chedked=false;
                        }
                    }             
                }
            }
        </script>

  • 相关阅读:
    Javascript面向对象编程--原型字面量
    Javascript面向对象编程--原型(prototype)
    Javascript面向对象编程--封装
    java word操作
    uniapp获取mac地址,ip地址,验证设备是否合法
    element-ui+vue表单清空的问题
    mysql,oracle查询当天的数据
    vue+element在el-table-column中写v-if
    idea修改页面不用重启项目(转)
    vue+element实现表格v-if判断(转)
  • 原文地址:https://www.cnblogs.com/hyd309/p/1294328.html
Copyright © 2011-2022 走看看