ASP.NET服务器端Checkbox取消勾选后状态仍为true问题求助

问题根源 #

你的代码在页面每次加载（包括表单提交后的回发）时都会重新设置复选框的Checked属性，直接覆盖了用户取消勾选的操作。ASP.NET页面生命周期中，Page_Load会在提交按钮的事件处理逻辑之前执行，导致用户的修改被初始值覆盖，最终获取到的始终是初始设置的true。

解决步骤 #

1. 限制初始状态设置仅在首次加载时执行 #

修改页面加载的代码，通过!IsPostBack判断，只在页面首次加载时设置复选框的初始选中状态，回发时跳过这部分逻辑：

protected void Page_Load(object sender, EventArgs e)
{
    // 仅在首次加载页面时设置初始选中状态
    if (!IsPostBack)
    {
        if (isMammals)
            mammals.Checked = true;
        if (isBirds)
            birds.Checked = true;
        if (isReptiles)
            reptiles.Checked = true;
        if (isAmphibians)
            amphibians.Checked = true;
        if (isFishes)
            fishes.Checked = true;
        if (isInvertebrates)
            invertebrates.Checked = true;
    }
}

2. 修正HTML代码中的语法错误 #

原始HTML存在两处错误，可能影响控件的正常工作：

• 第一个复选框的checked属性写法不规范，应改为符合标准的checked="checked"（或HTML5规范的checked）
• 两栖类（amphibians）的<input>标签缺失了开头的type="checkbox" name="amphibians"部分

修正后的HTML代码：

<input type="checkbox" name="mammals" id="mammals" runat="server" checked="checked"/> Mammals <br />
<input type="checkbox" name="birds" id="birds" runat="server" /> Birds <br />
<input type="checkbox" name="reptiles" id="reptiles" runat="server" /> Reptiles <br />
<input type="checkbox" name="amphibians" id="amphibians" runat="server" /> Amphibians <br />
<input type="checkbox" name="fishes" id="fishes" runat="server" /> Fishes <br />
<input type="checkbox" name="invertebrates" id="invertebrates" runat="server" /> Invertebrates

原理说明 #

ASP.NET页面回发时，会先执行Page_Load事件，再执行提交按钮的点击事件。如果不通过IsPostBack判断，每次回发都会重新设置复选框的选中状态，覆盖用户在页面上的操作。添加!IsPostBack判断后，初始状态只会在页面第一次打开时设置，回发时保留用户的修改，这样就能正确获取到用户提交的复选框状态。

内容的提问来源于stack exchange，提问作者Mike Radunski