我如何获取所有这些uni-data-checkbox里的最终结果？我原先用change 无法准确的获取他们的值

Question

我如何获取所有这些uni-data-checkbox里的最终结果？我原先用change 无法准确的获取他们的值

<view class="hz1" v-for="(item,index) in a5" :key="index">
                        <text Selection space="ensp" style=" color: #09f">{{item.name}}</text>
                        <uni-data-checkbox multiple :localdata="item[index]" @change="bb8">
                        </uni-data-checkbox>
                    </view>
methods: {
            bb8(e) {
                console.log(e.detail.value) 
            },

            },
        }
    }

Answer 1

参考GPT和自己的思路：

根据您提供的代码，您可以通过在bb8方法中获取所有checkbox的选中值来获取所有uni-data-checkbox的最终结果。修改您的代码如下：

<view class="hz1" v-for="(item,index) in a5" :key="index">
    <text Selection space="ensp" style="color:#09f">{{item.name}}</text>
    <uni-data-checkbox multiple :localdata="item[index]" @change="bb8(item.name, $event)">
    </uni-data-checkbox>
</view>

methods: {
    bb8(name, e) {
        console.log(name, e.detail.value);
        // 可以根据需求将选中的值保存起来或进行其他操作
    },
}

我们在bb8方法中，将checkbox所在组的名字item.name一起作为参数传入方法中，当checkbox的状态改变时，会触发该组件的change事件，并将该事件作为第二个参数传入bb8方法。在方法中，我们可以通过event.detail.value获取到该checkbox的最新状态（即选中的值）。根据传入的组名和checkbox值，您可以得到所有uni-data-checkbox的最终结果。