Repeater全選

于 2012-10-16 14:55:42 发布
阅读量764 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： WEB 文章标签： server asp class input stylesheet javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/abc_dr/article/details/8077245
本文概览了前端开发领域的核心技术，包括HTML、CSS、JavaScript等基础语言，以及Vue、React、Angular等主流框架，深入探讨了前端开发的现代实践。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前臺：

<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>

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值