如果选中复选框,则gridview特定列将复制到另一列

时间:2013-09-22 16:13:53

标签: jquery asp.net gridview

我的gridview中有4列。

页面加载时,第3列[文本框]有一些值。现在用户必须更新第4列。然后它让我感到震惊:为什么不在第4列的标题上使用复选框?如果用户认为所有第3列值都是正确的,那么选中该复选框,每行按第3列填充第4列。

现在在第4列的标题模板中有一个复选框。如果用户选中该复选框。然后在第4列中更新所有相应的第3行值。

这是aspx页面[第3和第4列(第4列标题中有复选框)] -

<asp:TemplateField HeaderText="Approved Km By Ops">
    <ItemTemplate>
        <asp:TextBox ID="txtdistanceops" MaxLength="6" class="test"  
                     CssClass="textBox_for6tds" runat="server"
                     Text='<%#Bind("distanceByOps") %>'></asp:TextBox>
    </ItemTemplate>
    <ItemStyle HorizontalAlign="center" />
</asp:TemplateField>
<asp:TemplateField  HeaderText="Approved Km By CTV" Visible="false">
    <HeaderTemplate>
        <asp:CheckBox ID="chkbcopy" runat="server" Text="Approved Km By CTV"/>
    </HeaderTemplate>
    <ItemTemplate>
        <asp:TextBox ID="txtdistancectv" MaxLength="6" class="test" 
             CssClass="textBox_for6tds" runat="server"></asp:TextBox>
    </ItemTemplate>
    <ItemStyle HorizontalAlign="center" />
</asp:TemplateField>

现在我这样想:

<script type="text/javascript"> 
       $(function(){
       $('[id*=chkbcopy]').click(function(){
       var chkHeader = $(this);
               if (chkHeader.is(":checked")) 
               {

                     $("[id*='txtdistancectv']").val($("[id*='txtdistanceops']").val());                     
               }
               else
               {
                   $("[id*='txtdistancectv']").val('');
               }
            });
       });
        </script>

但它正在将第一行gridview复制到所有文本框。

表示第3列中的值是否为

3 4 5 6 7 8 19 23

提取第四列值,如

3 3 3 3 3 3 3  3

0 个答案:

没有答案