如何使用JavaScript / JQuery在Gridview中获取复选框选中的值。 [英] How to get checkbox checked value inside Gridview using JavaScript / JQuery.

问题描述

大家好，我的复选框里面有一个gridview。还有列数量。现在我想要在用户选中复选框时，金额值应显示在下面的文本框中。如果用户检查多行，则所有金额应显示在金额文本框中。



如果用户选择gridview第一行&其金额值为300.然后在文本框下方显示300.或者如果用户选中了2行&两者都有金额300,400然后文本框将显示700的总和。



我正在尝试JQuery代码，但没有太多的想法。这就是我想要的。

Hi guys, I have a gridview inside its a checkbox. Also has column Amount. Now I want when user checked checkbox then Amount value should show in below textbox. If user check more than one row then all amount sum should be show in amount textbox.

Like if user select gridview first row & its amount value is 300. then below textbox show 300. Or if user checked 2 row & both have amount 300, 400 then textbox will show sum of both 700.

I'm trying JQuery code but not have much idea. This is what m trying.

<script type="text/javascript">
       function GetSelectedCasePartyAmount() {
           var counter = 0;
           $("#<%=gvDepositOrderDetail.ClientID%> input[id*='chkBoxGrdParty']:checkbox").each(function (index) {
           if ($(this).is(':checked'))
               counter++;
       });
       alert(counter);
   }
   </script>

这是我的Gridview&文本框：

this is my Gridview & textbox :

<asp:GridView ID="gvDepositOrderDetail" runat="server" CssClass="table table-hover table-striped table-bordered"

                        AutoGenerateColumns="false" ShowHeaderWhenEmpty="True" AllowPaging="true"

                        PagerStyle-CssClass="paging" PageSize="10" OnRowDataBound="gvDepositOrderDetail_RowDataBound">
                        <PagerStyle CssClass="gridviewPager" />
                        <RowStyle CssClass="" />
                        <AlternatingRowStyle CssClass="active" />
                        <Columns>
                            <asp:TemplateField>
                                <ItemTemplate>
                                    <asp:CheckBox ID="chkBoxGrdParty" runat="server" Checked="false" />
                                    <asp:HiddenField ID="hdnDepositOrderId" runat="server" />
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$Resources:ORDER_NO %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblOrderNo" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$ Resources:CASE_PARTY_NAME %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblCasePartyName" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center small-column" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$ Resources:AMOUNT %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblAmount" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$ Resources:DEPOSIT_TYPE %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblDeopsitType" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$ Resources:DEPOSIT_SOURCE %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblDepositSource" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%$ Resources:DECISION_DATE %>">
                                <ItemTemplate>
                                    <asp:Label ID="lblDecisionDate" runat="server"></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <%--       <asp:TemplateField>
                        <ItemTemplate>
                            <asp:LinkButton ID="lnkBtnViewDetail" CausesValidation="false" CommandName="ViewDetail" CssClass="btn btn-primary btn-sm"
                                runat="server"></asp:LinkButton>
                        </ItemTemplate>
                        <HeaderStyle CssClass="text-center" />
                        <ItemStyle CssClass="text-center" />
                    </asp:TemplateField>--%>
                        </Columns>
                        <EmptyDataTemplate>
                            <asp:Literal ID="ltrlEmptyData" runat="server" Text="<%$ Resources:Common,EMPTY_DATA_GRID%>"></asp:Literal>
                        </EmptyDataTemplate>
                    </asp:GridView>
<asp:Textbox ID="txtAmount" runat="server" >
                            </asp:Textbox >

任何建议真的很感激！

Any suggestion really appreciated!

推荐答案

（ ＃<％= gvDepositOrderDetail.ClientID％>输入[id * ='chkBoxGrdParty']：复选框）。each（ function （index）{
if （

("#<%=gvDepositOrderDetail.ClientID%> input[id*='chkBoxGrdParty']:checkbox").each(function (index) { if (

（ this ）。是（ ' ：选中'））
counter ++;
}）;
alert（counter）;
}
< / script>

(this).is(':checked')) counter++; }); alert(counter); } </script>

这是我的Gridview&文本框：

this is my Gridview & textbox :

<asp:GridView ID="gvDepositOrderDetail" runat="server" CssClass="table table-hover table-striped table-bordered"

                        AutoGenerateColumns="false" ShowHeaderWhenEmpty="True" AllowPaging="true"

                        PagerStyle-CssClass="paging" PageSize="10" OnRowDataBound="gvDepositOrderDetail_RowDataBound">
                        <PagerStyle CssClass="gridviewPager" />
                        <RowStyle CssClass="" />
                        <AlternatingRowStyle CssClass="active" />
                        <Columns>
                            <asp:TemplateField>
                                <ItemTemplate>
                                    <asp:CheckBox ID="chkBoxGrdParty" runat="server" Checked="false" />
                                    <asp:HiddenField ID="hdnDepositOrderId" runat="server" />
                                </ItemTemplate>
                                <HeaderStyle CssClass="text-center" />
                                <ItemStyle CssClass="text-center" />
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="<%

Resources:ORDER_NO %>\">
<ItemTemplate>
<asp:Label ID=\"lblOrderNo\" runat=\"server\"></asp:Label>
</ItemTemplate>
<HeaderStyle CssClass=\"text-center\" />
<ItemStyle CssClass=\"text-center\" />
</asp:TemplateField>

<asp:TemplateField HeaderText=\"<%

Resources:ORDER_NO %>"> <ItemTemplate> <asp:Label ID="lblOrderNo" runat="server"></asp:Label> </ItemTemplate> <HeaderStyle CssClass="text-center" /> <ItemStyle CssClass="text-center" /> </asp:TemplateField> <asp:TemplateField HeaderText="<%

这篇关于如何使用JavaScript / JQuery在Gridview中获取复选框选中的值。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！