aspx全选CheckBox

最新推荐文章于 2019-01-23 16:06:00 发布
原创最新推荐文章于 2019-01-23 16:06:00 发布 · 2.1k 阅读
0 ·
CC 4.0 BY-SA版权
.NET程序专栏收录该内容
72 篇文章
订阅专栏
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="IndvCourseBooking_Edit_Booking.ascx.cs"
    Inherits="Glacier.BOS.WebClient.Pages.Booking.IndvCourseBooking_Edit_Booking" %>
<div class="title1">
    學生課堂預約</div>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <table cellpadding="0" cellspacing="0" border="0" class="pagerlist" id="MasterDataList">
            <tr class="header">
                <td style="width: 30px;">
                    <input type="checkbox" id="selectAll" name="selectAll" onclick="SelectAllList();" />
                </td>
                <td>
                    預約房間
                </td>
                <td style="width: 60px;">
                    教學中心
                </td>
                <td>
                    導師
                </td>
            </tr>
            <asp:Repeater runat="server" ID="repIndvCourseBooking" ViewStateMode="Disabled">
                <ItemTemplate>
                    <tr class="row" onclick="OnSelected_DataRow(this)" onmousemove="OnMouseOver_DataRow(this)"
                        onmouseout="OnMouseOut_DataRow(this)">
                        <td style="text-align: center">
                            <input type="checkbox" id="CheckBox_<%#Container.ItemIndex %>" name="SelectItemValue"
                                value='<%#Eval("td0") %>' onclick="selectItem();" />
                        </td>
                        <td>
                            <%#Eval("td1")%>
                        </td>
                        <td>
                            <%#Eval("td2")%>
                        </td>
                        <td>
                            <%#Eval("td3")%>
                        </td>                        
                    </tr>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <tr class="altrow" onclick="OnSelected_DataRow(this)" onmousemove="OnMouseOver_DataRow(this)"
                        onmouseout="OnMouseOut_DataRow(this)">
                        <td style="text-align: center">
                            <input type="checkbox" id="CheckBox_<%#Container.ItemIndex %>" name="SelectItemValue"
                                value='<%#Eval("td0") %>' onclick="selectItem();" />
                        </td>
                        <td>
                            <%#Eval("td1")%>
                        </td>
                        <td>
                            <%#Eval("td2")%>
                        </td>
                        <td>
                            <%#Eval("td3")%>
                        </td>                        
                    </tr>
                </AlternatingItemTemplate>
            </asp:Repeater>
        </table>
    </ContentTemplate>
</asp:UpdatePanel>
<LocalWC:EmptyDataMessage runat="server" ID="EmptyDataMessage">
</LocalWC:EmptyDataMessage>
<Floating:CommonLayer runat="server" ID="CommonLayer_UpdateBookingTime" Title="批量修改預約時間"
    Width="500">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <table cellpadding="0" cellspacing="0" border="0" class="DataBlock" width="100%">
                <tr>
                    <td class="capitalField field" style="width: 100px;">
                        預約時間:
                    </td>
                    <td class="field">
                        <asp:DropDownList ID="ddl_StartTime" runat="server" Width="120">
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td class="capitalField field">
                        備註:
                    </td>
                    <td class="field">
                        <asp:TextBox runat="server" ID="txt_Remarks" TextMode="MultiLine" Width="100%" Rows="3"></asp:TextBox>
                    </td>
                </tr>
            </table>
            <div class="bottomActionButtonArea" style="text-align: center; padding-top: 10px;
                padding-bottom: 40px;">
                <input type="button" onclick="onClickOK()" value="確認" id="button_OK" />
                <input type="button" onclick="UpdateBookingTimeClose(0)" value="取消" />
            </div>
            <div style="display: none;">
                <asp:Button runat="server" ID="btn_Confirm" OnClick="btn_Confirm_Click" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</Floating:CommonLayer>
<div style="display: none;">
    <asp:TextBox runat="server" ID="txt_ActiveHiddenID"></asp:TextBox>
    <asp:HiddenField ID="txt_SelectHiddenID" runat="server" />
</div>
<div class="bottomActionButtonArea">
    <input type="button" id="btn_BatchUpdate" value="批量修改預約時間" onclick="UpdateBookingTimeShow();"
        runat="server" />
</div>
<script language="javascript" type="text/javascript">
    function SelectAllList() {
        var selectAll = document.getElementById("selectAll");
        var activeItemID = "";
        for (var i = 0; i < document.getElementById("MasterDataList").rows.length - 1; i++) {
            var chk = document.getElementById("CheckBox_" + i);
            chk.checked = selectAll.checked;
            if (chk.checked) {
                if (activeItemID.length > 0) {
                    activeItemID += ",";
                }
                activeItemID += document.getElementById("CheckBox_" + i).value;
            }
        }
        document.getElementById("<%=txt_SelectHiddenID.ClientID %>").value = activeItemID;
    }

    function selectItem() {
        var activeItemID = "";
        for (var i = 0; i < document.getElementById("MasterDataList").rows.length - 1; i++) {
            var chk = document.getElementById("CheckBox_" + i);
            if (chk.checked) {
                if (activeItemID.length > 0) {
                    activeItemID += ",";
                }
                activeItemID += document.getElementById("CheckBox_" + i).value;
            }
        }
        document.getElementById("<%=txt_SelectHiddenID.ClientID %>").value = activeItemID;
    }
    function onClickOK() {
        document.getElementById("button_OK").disabled = true;
        document.getElementById("<%=btn_Confirm.ClientID%>").click();
    } 
</script>
主要用到selectItem() , selectAllList()