GridView点击pres列Checkbox，需实现对应Present列自动加1的代码求助

下面提供两种常见实现方案，根据你的数据量和需求选择：

方案一：前端无刷新实现（推荐大量数据场景） #

通过JavaScript直接修改页面数值，结合AJAX可同步到数据库，避免页面回发提升性能。

1. GridView模板配置 #

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID">
    <Columns>
        <asp:BoundField DataField="Present" HeaderText="Present" />
        <asp:TemplateField HeaderText="pres">
            <ItemTemplate>
                <asp:CheckBox ID="chkPres" runat="server" onclick="updatePresent(this)" />
                <%-- 绑定行主键到元素属性，用于AJAX更新数据库 --%>
                <input type="hidden" class="row-id" value='<%# Eval("ID") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <!-- 其他业务列 -->
    </Columns>
</asp:GridView>

2. JavaScript逻辑 #

function updatePresent(chkBox) {
    // 获取当前行元素
    const row = chkBox.closest('tr');
    // 定位Present列单元格（这里假设是第一列，索引0，根据实际列顺序调整）
    const presentCell = row.cells[0];
    // 获取当前数值并处理空值情况
    const currentValue = parseInt(presentCell.textContent || presentCell.innerText) || 0;
    const newValue = currentValue + 1;
    // 更新页面显示
    presentCell.textContent = newValue;

    // （可选）同步更新到数据库
    const rowId = row.querySelector('.row-id').value;
    fetch('UpdatePresentHandler.ashx', {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        body: `id=${rowId}&present=${newValue}`
    }).catch(error => {
        // 保存失败时回滚数值
        presentCell.textContent = currentValue;
        alert('更新数据失败，请重试');
    });
}

3. 后端处理AJAX请求（示例ASHX一般处理程序） #

public class UpdatePresentHandler : IHttpHandler {
    public void ProcessRequest(HttpContext context) {
        int id = int.Parse(context.Request.Form["id"]);
        int present = int.Parse(context.Request.Form["present"]);
        
        // 执行数据库更新
        using (var conn = new SqlConnection(ConfigurationManager.ConnectionStrings["YourConnString"].ConnectionString)) {
            string sql = "UPDATE YourTableName SET Present = @Present WHERE ID = @ID";
            using (var cmd = new SqlCommand(sql, conn)) {
                cmd.Parameters.AddWithValue("@Present", present);
                cmd.Parameters.AddWithValue("@ID", id);
                conn.Open();
                cmd.ExecuteNonQuery();
            }
        }
        
        context.Response.StatusCode = 200;
    }

    public bool IsReusable => false;
}

方案二：后端回发实现（适合数据量小或需严格服务器验证场景） #

通过CheckBox的OnCheckedChanged事件触发页面回发，在服务器端更新数值和数据库。

1. GridView模板配置 #

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" OnRowDataBound="GridView1_RowDataBound">
    <Columns>
        <asp:BoundField DataField="Present" HeaderText="Present" />
        <asp:TemplateField HeaderText="pres">
            <ItemTemplate>
                <asp:CheckBox ID="chkPres" runat="server" OnCheckedChanged="chkPres_CheckedChanged" AutoPostBack="true" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

2. 后端C#逻辑 #

protected void chkPres_CheckedChanged(object sender, EventArgs e) {
    // 获取触发事件的CheckBox及所在行
    var chk = (CheckBox)sender;
    var row = (GridViewRow)chk.NamingContainer;
    
    // 更新页面显示数值
    int currentPresent = int.Parse(row.Cells[0].Text);
    currentPresent += 1;
    row.Cells[0].Text = currentPresent.ToString();
    
    // 更新数据库
    int rowId = Convert.ToInt32(GridView1.DataKeys[row.RowIndex].Value);
    UpdatePresentToDatabase(rowId, currentPresent);
}

// 数据库更新方法
private void UpdatePresentToDatabase(int id, int presentValue) {
    using (var conn = new SqlConnection(ConfigurationManager.ConnectionStrings["YourConnString"].ConnectionString)) {
        string sql = "UPDATE YourTableName SET Present = @Present WHERE ID = @ID";
        using (var cmd = new SqlCommand(sql, conn)) {
            cmd.Parameters.AddWithValue("@Present", presentValue);
            cmd.Parameters.AddWithValue("@ID", id);
            conn.Open();
            cmd.ExecuteNonQuery();
        }
    }
}

注意事项 #

• 调整列索引：确保row.cells[0]对应你的Present列实际位置
• 数据库连接字符串：替换为你项目中的实际连接字符串
• 大量数据场景优先选方案一，避免频繁回发导致性能问题

内容的提问来源于stack exchange，提问作者Ali Shan