使用push函数获取复选框值遇问题：无报错但无法正确取值

看了你的代码片段，我发现几个导致你无法正确获取复选框选中值的问题：

• 数组未清空，值重复累加：每次触发change事件时，你都往checkVal数组里push新值，但从来没有清空过这个数组。这样多次操作后，数组里会堆积之前选中的旧值，完全不能反映当前的选中状态。
• 手动切换复选框状态与原生事件冲突：你在click事件里手动修改.interestCheck的checked属性，这会干扰复选框的原生选中逻辑，甚至可能导致change事件触发异常。其实复选框本身就自带点击切换选中状态的功能，这个click事件完全是多余的，反而会添乱。
• 可能存在时机错误：从你没写完的var checkSele...来看，你大概率是在错误的时机去读取checkVal的值（比如页面刚加载就读取，而不是在用户操作复选框之后）。

修正后的代码示例 #

// 初始化存储选中值的数组
var checkVal = [];

// 只需要监听复选框的change事件即可
$('.interest').on('change', '.interestCheck', function() {
    // 每次收集值前先清空数组，避免旧值残留
    checkVal = [];
    
    // 遍历所有选中的复选框，收集它们的值
    $('.interestCheck:checked').each(function() {
        checkVal.push($(this).val());
    });
    
    // 这里可以直接使用checkVal，比如打印查看结果
    console.log('当前选中的复选框值：', checkVal);
});

额外优化（如果需要点击容器切换复选框） #

如果你原本的需求是点击.interest容器的任意区域都能切换内部复选框的选中状态，那可以调整click事件的逻辑，同时确保和change事件兼容：

$('.interest').click(function(e) {
    // 避免点击复选框本身时重复触发逻辑
    if (!$(e.target).is('.interestCheck')) {
        var $checkbox = $(this).find('.interestCheck');
        // 切换选中状态
        $checkbox.prop('checked', !$checkbox.prop('checked'));
        // 手动触发change事件，让收集值的逻辑同步执行
        $checkbox.trigger('change');
    }
});

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