求助：jQuery中.find结合OR选择器监听.change事件失效问题

需求：当.personalisation-embroidery-choices容器内第0至第5个复选框被勾选时，移除第6个复选框的wapf-checked类与checked状态。
当前问题：仅第0个复选框能触发目标操作，尝试过||操作符、逗号分隔选择器均无效；但第6个复选框勾选时清空前5个复选框状态的功能正常运行。

原代码中使用||逻辑运算符拼接选择器是错误的——这是JavaScript的逻辑或运算，只会返回第一个非空字符串选择器:checkbox:eq(0)，导致只有第0个复选框绑定了事件。jQuery选择多个元素需要用逗号分隔选择器，或者用更高效的范围选择器。

修复前6个复选框的监听逻辑 #

使用:lt(6)选择器匹配索引0-5的复选框（:lt(n)表示选择索引小于n的元素），同时用prop()方法更标准地操作复选框状态：

$('.personalisation-embroidery-choices').find(':checkbox:lt(6)').change(function(){ 
    if(this.checked) 
    {
        const $container = $('.personalisation-embroidery-choices');
        // 移除第6个swatch的选中样式
        $container.find('.wapf-swatch:eq(6)').removeClass('wapf-checked');
        // 取消第6个复选框的选中状态
        $container.find(':checkbox:eq(6)').prop('checked', false);
    }
});

简化第6个复选框的清空逻辑（可选） #

原代码重复多次选择操作，可通过:lt(6)一次性选中0-5的元素，简化代码：

$('.personalisation-embroidery-choices').find(':checkbox:eq(6)').change(function(){ 
    if(this.checked) 
    {
        const $container = $('.personalisation-embroidery-choices');
        // 批量移除前6个swatch的选中样式
        $container.find('.wapf-swatch:lt(6)').removeClass('wapf-checked');
        // 批量取消前6个复选框的选中状态
        $container.find(':checkbox:lt(6)').prop('checked', false);
    }
});

1. 选择器组合：jQuery中用逗号分隔多个选择器（如:checkbox:eq(0), :checkbox:eq(1)），或用范围选择器:lt()、:gt()减少代码冗余。
2. 复选框状态操作：removeAttr('checked')会移除DOM属性，而prop('checked', false)直接修改元素的布尔属性，更符合复选框状态操作的标准写法。

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