0

我的网格视图中有 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
4

0 回答 0