无法修改HTML：实现最后一个复选框选中时取消其他复选框选中状态

问题分析 #

现有代码的核心问题在于普通复选框的状态判断逻辑错误：原代码仅当所有普通复选框都被选中时，才会修改“No ALL”的状态，这与需求（只要选中任意一个或两个普通复选框，“No ALL”就必须未选中）完全相悖。

修改后的代码 #

$(document).ready(function () {
    // 处理"No ALL"复选框的状态变化
    $('#check-video-d').on('change', function () {
        // 当"No ALL"被选中时，取消所有普通复选框的选中状态
        if ($(this).is(':checked')) {
            $('.check-video').prop('checked', false);
        }
    });

    // 处理普通复选框的状态变化
    $('.check-video').on('change', function () {
        // 检查是否有至少一个普通复选框被选中
        const hasCheckedVideo = $('.check-video').filter(':checked').length > 0;
        // 如果有，将"No ALL"设为未选中
        $('#check-video-d').prop('checked', !hasCheckedVideo);
    });
});

关键调整说明 #

• 事件类型优化：将click事件替换为change事件，更准确响应复选框的状态变化（覆盖点击标签、键盘操作等场景）。
• 修正判断逻辑：不再判断“是否所有普通复选框都选中”，改为判断“是否存在至少一个选中的普通复选框”，只要满足条件就强制取消“No ALL”的选中状态。
• 增强逻辑严谨性：仅当“No ALL”被选中时，才清除普通复选框的选中状态，避免取消“No ALL”时误操作其他复选框。

验证场景 #

• 选中“No ALL”：两个普通复选框自动取消选中。
• 选中任意一个普通复选框：“No ALL”自动变为未选中。
• 同时选中两个普通复选框：“No ALL”保持未选中状态。
• 取消所有普通复选框：“No ALL”可正常选中（若不需要此行为，可移除对应逻辑）。

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