zoukankan      html  css  js  c++  java
  • JS实现gridview全选和反选

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>gridview控件示例</title>
    <link href="App_Themes/Theme1/index.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript">
    function DoCheck(flag)// 全选 flag=1 反选 flag=0
        {
            var inputs = document.getElementById("gvDiv");
            var chks=inputs.getElementsByTagName("input");
            for (var i=0; i < chks.length; i++)
            if (chks[i].type == 'checkbox')
            {
                chks[i].checked=flag;
            }

    }
    </script>
    </head>
    <body >
    <form id="form1" runat="server">

    <div id="gvDiv">
    <asp:GridView id="gvMyDeptNotFinished" runat="server" OnPageIndexChanging="gvMyDeptNotFinished_PageIndexChanging" AllowPaging="True" AutoGenerateColumns="False" SkinID="gvcaselist">
    <Columns>
    <asp:TemplateField Visible="false" >
    <ControlStyle Width="20px" />
    <HeaderTemplate>
    <a onclick="DoCheck(0);" href="#">反选</a> <%--反选--%>
    <a onclick="DoCheck(1);" href="#">全选</a> <%--全选--%>
    </HeaderTemplate>
    <ItemTemplate>
    </div>
    </form>

    </body>

    </html>

  • 相关阅读:
    十日冲刺第一次会议任务领取详解
    Android studio新建class文件报错
    代码整洁之道阅读笔记03
    本周学习进度条6
    echarts基本用法
    梦断代码阅读笔记01
    软件工程小组任务
    本周学习进度条5
    eclipse界面设置和常用技巧
    团队项目——TD课程通
  • 原文地址:https://www.cnblogs.com/itecho/p/1306051.html
Copyright © 2011-2022 走看看