Hi sbatcha,
Check this example. Now please take its reference and correct your code.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var value = 0;
$('[id*=chkRow]').on('click', function () {
if ($(this).is(":checked")) {
value = parseInt(value + 10);
$(this).closest('tr').find('[id*=txtRow]').val(value);
} else {
value = parseInt(value - 10);
$(this).closest('tr').find('[id*=txtRow]').val('');
}
});
});
</script>
<asp:GridView runat="server" ID="GridView1" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField HeaderText="CheckBox">
<ItemTemplate>
<asp:CheckBox ID="chkRow" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="TextBox">
<ItemTemplate>
<asp:TextBox ID="txtRow" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.AddRange(new System.Data.DataColumn[] { new System.Data.DataColumn("Id", typeof(int)) });
for (int i = 0; i < 10; i++)
{
dt.Rows.Add((i + 1));
}
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not Me.IsPostBack Then
Dim dt As System.Data.DataTable = New System.Data.DataTable()
dt.Columns.AddRange(New System.Data.DataColumn() {New System.Data.DataColumn("Id", GetType(Integer))})
For i As Integer = 0 To 10 - 1
dt.Rows.Add((i + 1))
Next
GridView1.DataSource = dt
GridView1.DataBind()
End If
End Sub
Screenshot
