如何在ASP.NET（C#）中为动态添加的Checkbox绑定可点击Label

要让动态创建的Label点击后能切换Checkbox的选中状态，核心是让Label和Checkbox建立关联，具体可通过以下方式实现：

服务器端关联（推荐） #

在动态创建控件时，设置Label的AssociatedControlID属性为对应Checkbox的ID，ASP.NET会自动在渲染HTML时生成正确的for属性，实现点击Label触发Checkbox状态切换。

示例代码 #

protected void Page_Init(object sender, EventArgs e)
{
    // 动态创建Checkbox
    CheckBox dynamicChk = new CheckBox();
    dynamicChk.ID = "chkUserAgree";
    dynamicChk.Text = ""; // 若使用独立Label，清空自带Text避免重复渲染

    // 动态创建Label并关联Checkbox
    Label dynamicLbl = new Label();
    dynamicLbl.ID = "lblUserAgree";
    dynamicLbl.Text = "我同意用户协议";
    dynamicLbl.AssociatedControlID = dynamicChk.ID; // 关键关联步骤

    // 将控件添加到页面容器（比如Panel、Placeholder）
    pnlControls.Controls.Add(dynamicChk);
    pnlControls.Controls.Add(dynamicLbl);
}

注意事项 #

• 动态控件必须每次回发时重新创建，因此建议在Page_Init事件中创建（而非仅在首次加载的!IsPostBack块中），这样才能保留控件的视图状态和事件响应。
• 如果直接使用Checkbox的Text属性，ASP.NET会自动生成关联的Label，但如果需要自定义Label的样式或位置，单独创建Label并设置AssociatedControlID更灵活。

客户端补充方案（若需后期调整） #

如果已经完成HTML渲染，可通过JavaScript手动绑定关联：

// 获取Label和Checkbox的客户端ID
const label = document.getElementById('<%= lblUserAgree.ClientID %>');
const checkbox = document.getElementById('<%= chkUserAgree.ClientID %>');

// 绑定点击事件切换选中状态
label.addEventListener('click', () => {
    checkbox.checked = !checkbox.checked;
});

内容的提问来源于stack exchange，提问作者narutouzumaki 99