A痞子  2023-03-16 15:44 采纳率: 73.8%
浏览 61
已结题

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

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

img

<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) 
            },

            },
        }
    }

  • 写回答

7条回答 默认 最新

  • 追cium 2023-03-16 16:45
    关注

    参考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的最终结果。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

问题事件

  • 系统已结题 3月31日
  • 已采纳回答 3月23日
  • 赞助了问题酬金15元 3月16日
  • 创建了问题 3月16日

悬赏问题

  • ¥15 Abaqus打不开cae文件怎么办?
  • ¥20 双系统开机引导中windows系统消失问题?
  • ¥15 小程序准备上线,软件开发公司需要提供哪些资料给甲方
  • ¥15 关于生产日期批次退货退款,库存回退的问题
  • ¥15 手机应用的时间可以修改吗
  • ¥15 docker 运行OPEN-webui异常
  • ¥15 麒麟系统如何删除光盘刻录痕迹
  • ¥15 recipe通过gem协议传的是什么
  • ¥15 TS2307: Cannot find module 'cc'.
  • ¥15 100小时学会sap 书上pp章节5.22,标准成本计算逻辑?