如何获取子GridView中复选框ID并实现复选框单选功能？

DevOps 小满

2026-10-6

问题根源

你代码的核心问题出在两个位置：

后台gvChild_RowDataBound事件逻辑错误：该事件本身就是子GridView每行绑定时触发，无需额外循环遍历所有父/子GridView行；且你仅给已选中的复选框绑定点击事件，未选中的复选框点击时不会触发任何逻辑，同时传参未加引号会导致JS语法错误
原有JS逻辑遍历全页面input，嵌套场景下容易出现ID匹配误差，也会造成不必要的性能损耗

修复方案

1. 修正后台`gvChild_RowDataBound`事件代码

protected void gvChild_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // 仅处理子GridView的数据行
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        CheckBox chk = (CheckBox)e.Row.FindControl("CbList");
        // 给所有复选框绑定点击事件，直接传this指向当前点击的DOM对象，无需处理ClientID拼接
        chk.Attributes.Add("onclick", "uncheckOthers(this);");
    }
}

2. 优化JavaScript单选逻辑

function uncheckOthers(currentChk) {
    // 向上查找当前复选框所属的子GridView容器
    // 如果你父级GridView也用了list的CssClass，可给子GridView单独加个CssClass比如child-gv，替换下面的'.list'即可
    let currentChildGv = currentChk.closest('.list');
    // 仅遍历当前子GridView内的所有复选框，避免影响其他组的复选框
    let allChildChecks = currentChildGv.querySelectorAll('input[type="checkbox"]');
    
    for(let i = 0; i < allChildChecks.length; i++){
        if(allChildChecks[i] !== currentChk){
            allChildChecks[i].checked = false;
        }
    }
}