微信开发 点击tab上的x，对应改变checkbox的是否勾选状态

Question

用代码块功能插入代码，请勿粘贴截图

图上灰色标签渲染

<view class="tab" wx:for="{{codelist}}" wx:key="status" wx:if="{{item.Checked == true}}">
        <label for="status">
                {{item.statusName}}
                <image catchtap="deleteTab" data-status="{{item.status}}" src="/image/x.png"></image>
        </label>
                    
</view>    

checkbox

<checkbox-group id="statusUTypeList" name="statusUTypeList" bindchange="select" data-status="{{item.status}}" class="popup-row">
            <checkbox wx:for="{{codelist}}" wx:key="status" value="{{item.status}}" id="status">
                {{item.statusName}}
            </checkbox>
        </checkbox-group>

select(e){
            console.log(e)
            let status = e.detail.value;
            // var result = new Array();
            let result;
            // 新增值
            if(status.length>this.data.oldvalue.length){
                for(var i=0;i<status.length;i++){
                    if(this.data.oldvalue.indexOf(status[i]) == -1)    {
                //   result.push(status[i]);
                    result = status[i]
                    }      
                }
            }else{ //减少
                for(var i=0;i<this.data.oldvalue.length;i++){
                    if(status.indexOf(this.data.oldvalue[i]) == -1)    {
                //   result.push(status[i]);
                    result = this.data.oldvalue[i]
                    }      
                }
            }

            let list = this.data.codelist;
            let index = list.findIndex(v =>v.status == result)
            list[index].Checked = !list[index].Checked;
            this.setData({
                  codelist:list,
                  oldvalue:status
            })
        },

我的解答思路和尝试过的方法

尝试用label标签绑定可是无效，我能做的点击×按钮改变codelist对应status的checked的值，但是checkbox里并没有把对应的选中状态取消

我想要达到的结果

点击tab上的x，对应改变checkbox的是否勾选状态

Answer 1

单纯看你这个代码，好像没啥问题，

let list = this.data.codelist;
let index = list.findIndex(v =>v.status == result)
 list[index].Checked = !list[index].Checked;
// 你在这个位置打印console.log(list) ,看下你点击后，这个list有没有改变？如果变了，那说明你checkbox那里写得有问题
// 另外 微信小程序得checkbox 太丑，一般都是自己模拟，定义一组数据，[{label: '发布', checked: false},{label: '审核', checked: false}]
// 通过checked 得值，来渲染展示选中和未选中得样式，可以用小图标来做，
this.setData({
    codelist:list,
     oldvalue:status
 })

如果有问题，再找我