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