IE8兼容模式下Checkbox首次点击状态不更新问题（SharePoint 2010）

这个问题我在维护SharePoint遗留系统时碰到过好几次，核心原因就是IE8（包括IE11强制模拟IE8模式）的事件触发顺序和现代浏览器不一样——onclick事件会在复选框的checked属性更新之前执行，导致你在filterActivity()里读取的还是旧状态，而视觉上的状态更新又有延迟，就出现了「点击事件触发但状态没变化」的假象。

下面给你两个针对性的解决方案，都不需要升级浏览器或jQuery版本：

方案1：改用onchange事件替代onclick #

IE8中，复选框的change事件是在其checked属性更新完成后才触发的，刚好能避开这个时序问题。只需要修改你的HTML代码：

<input type="checkbox" id="open_check" onchange="filterActivity()" value="Open" checked>

不需要改动JS代码，就能让首次点击时状态判断和视觉更新保持一致。

方案2：直接从事件对象获取最新状态（如果必须保留onclick） #

如果你因为某些原因不能改用onchange，可以在触发onclick时把事件对象传进去，直接从事件目标读取最新的选中状态，而不是依赖DOM查询：

修改HTML： #

<input type="checkbox" id="open_check" onclick="filterActivity(event)" value="Open" checked>

修改JS函数： #

function filterActivity(event) {
    // 直接从事件目标获取实时选中状态，跳过DOM渲染延迟
    var isOpenChecked = event.target.checked;
    $('#displaytable').empty();
    
    var projectItems = sortByActivityName('projectDB');
    for (var i = 0; i < projectItems.length; i++) {
        var projectKey = projectItems[i];
        var projectItem = Lists['ProjectDB'][projectKey];
        
        var scheduleItems = sortByActivityName('scheduleDB');
        var endDate = '';
        for (var j = 0; j < scheduleItems.length; j++) {
            var scheduleKey = scheduleItems[j];
            var scheduleItem = Lists['ScheduleDB'][scheduleKey];
            if (projectItem.activity_ID == scheduleItem.activity_ID) {
                endDate = scheduleItem.endDate;
            }
        }
        
        var rowstring = "<tr>";
        // 这里用事件对象获取的实时状态替代jQuery查询
        if (projectItem.status == "Open" && isOpenChecked) {
            rowstring += "<td>" + projectItem.displayName + "</td>";
            rowstring += "<td>" + endDate + "</td>";
            rowstring += "</tr>";
            $('#displaytable').append(rowstring);
        }
    }
}

这个方案的核心是绕过可能存在DOM更新延迟的查询，直接从事件源拿到最准确的状态。

补充说明：为什么jQuery的:checked会失效？ #

在IE8的onclick触发瞬间，浏览器还没来得及更新复选框的DOM属性，此时$('#open_check').is(":checked")读取的是事件触发前的旧值。而第二次点击时，上一次的DOM更新已经完成，所以状态判断就正常了——这也是为什么问题只出现在首次点击的原因。

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