利用javascript实现复选框的全选功能

原创 2012年03月21日 11:09:18

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm43.aspx.cs" Inherits="ASP.NETWebControlDaQuan.WebForm43" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
        //利用javascript实现复选框的全选功能
        function allSelect() {
            var v1 = document.getElementById("selectAll");
            var v2 = document.getElementsByName("select");
            for (var i = 0; i < v2.length; i++) {
                v2[i].checked = v1.checked;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:GridView ID="gv" runat="server" DataSourceID="studentDataSource" AllowPaging="true">
                <Columns>
                    <asp:TemplateField>
                        <HeaderTemplate>
                            <input type="checkbox" id="selectAll" onclick="allSelect()" />
                        </HeaderTemplate>
                        <ItemTemplate>
                            <input type="checkbox" name="select" />
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <asp:SqlDataSource ID="studentDataSource" runat="server" ConnectionString="server=(local);database=db_students;integrated security=true" SelectCommand="select top 100 * from CwwTest">
            </asp:SqlDataSource>
        </div>
    </form>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JavaScript中复选框的全选和反选功能的实现

这是我平时学习时的练习,贴出来跟大家一起讨论,本来是新手,欢迎老手指正错误。 1      2      3      ...

jsp页面中实现复选框全选和反选、选中删除功能

jsp中表单页面 /DelectServlet" method=post> 全选/反选 ...

使用js实现复选框的全选、取消功能

function checkAll() { var all=document.getElementById('all'); var one=document.getElemen...

JavaScript学习笔记之js实现复选框checkbox的全选、反选示例

1.选中全选复选框,则其他的复选框自动全部选中; 2.已选中全选复选框,再次点击全选复选框,则其他复选框全部不选中; 3.当全部其他复选框都被选中时,全选复选框自动被选中; 4.当全部其他复选框...

JavaScript实现复选框全选与全不选的效果

//里面涉及到几张图片,有需要的可以联系我要,直接私信我就行,每天在这个点都会上线,看到就回,或者从我的资料里面找我的联系方式,收到之后会发给你们的 全选效果 .bg{ backgrou...

【JavaScript】实现复选框的全选、全部不选、反选

以较为简洁的程序实现复选框的全选、全部不选、反选 操作。 全选 第一个参数为复选框名称,第二个参数为是全选还是全部不选。 function allCheck(name,boolValue) { v...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)