Repeater全選

来源:互联网 发布:java string split 1 编辑:程序博客网 时间:2024/05/08 10:20

前臺:

<head runat="server">
    <title></title>
    <link href="../CSS/Style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style4
        {
            text-align: center;
        }
        .style5
        {
            font-size: x-large;
        }
        #Checkbox1
        {
            text-align: left;
        }
        .style6
        {
            width: 78px;
            text-align: right;
        }
    </style>

    <script language="javascript" type="text/javascript">
        ///选中所有的CheckBox
        function selectAll() {
            // 获得用户页面中的所有的输入功能的控件getElementById("ChkSelect").
            var checkbox = document.getElementsByTagName("input");
            if (checkbox[0].checked == true) {
                for (var i = 0; i < checkbox.length; i++)
                    checkbox[i].checked = false;
            }
            else {
                for (var i = 0; i < checkbox.length; i++)
                    checkbox[i].checked = true;
            }
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width: 100%">
            <tr>
                <td class="style4" colspan="2">
                    <span lang="zh-cn" class="style5">請選擇XXXX</span>
                </td>
            </tr>
            <tr>
                <td class="style4" colspan="2">
                    <asp:Repeater ID="Repeater1" runat="server">
                        <HeaderTemplate>
                            <table width="100%" border="1" cellpadding="0" cellspacing="1">
                                <tr class="header">
                                    <td align="center" class="style1" style="width: 5%">
                                        <asp:Label ID="Label1" runat="server" Text="操作"></asp:Label>
                                    </td>
                                    <td style="width: 15%">
                                        <asp:Label ID="Label8" runat="server" Text="卡号"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label3" runat="server" Text="姓名"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label4" runat="server" Text="工號"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label5" runat="server" Text="成本中心"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label6" runat="server" Text="公司"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label7" runat="server" Text="卡狀態"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="Label2" runat="server" Text="停卡原因"></asp:Label>
                                    </td>
                                </tr>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr>
                                <td align="center" width="10%">
                                    <input type='checkbox' id='ChkSelect' class='nogrid' runat="server" value='<%# DataBinder.Eval(Container.DataItem,"emp_id")%>' />
                                </td>
                                <td>
                                    <asp:Label ID="lblemp_id" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"emp_id") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblempname" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"empname") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblhrempno" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"hrempno") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblcenter" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"成本中心") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblorg" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"org") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lbltype" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"type") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="Label2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"err") %>'></asp:Label>
                                </td>
                            </tr>
                        </ItemTemplate>
                        <AlternatingItemTemplate>
                            <tr class="alt">
                                <td align="center" width="10%">
                                    <input type='checkbox' id='ChkSelect' class='nogrid' runat="server" value='<%# DataBinder.Eval(Container.DataItem,"emp_id")%>' />
                                </td>
                                <td>
                                    <asp:Label ID="lblemp_id" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"emp_id") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblempname" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"empname") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblhrempno" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"hrempno") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblcenter" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"成本中心") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblorg" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"org") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lbltype" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"type") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="Label9" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"err") %>'></asp:Label>
                                </td>
                            </tr>
                        </AlternatingItemTemplate>
                        <FooterTemplate>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>
                </td>
            </tr>
            <tr class="alt">
                <td class="style6">
                    <input id="Checkbox1" type="checkbox" onclick='selectAll()' />全选
                </td>
                <td class="style4">
                    <asp:Button ID="btqiyong" runat="server" Text="啟用" Height="31px" Width="75px" OnClick="btqiyong_Click" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

主要代碼:

 <script language="javascript" type="text/javascript">
        ///选中所有的CheckBox
        function selectAll() {
            // 获得用户页面中的所有的输入功能的控件getElementById("ChkSelect").
            var checkbox = document.getElementsByTagName("input");
            if (checkbox[0].checked == true) {
                for (var i = 0; i < checkbox.length; i++)
                    checkbox[i].checked = false;
            }
            else {
                for (var i = 0; i < checkbox.length; i++)
                    checkbox[i].checked = true;
            }
        }
    </script>

原创粉丝点击