您现在的位置是:首页 > 前端开发 > Uni-App

uniApp 多选框checkbox ,判断是否选中

admin2019-04-25Uni-App 人已围观

简介uniApp 多选框checkbox ,判断是否选中,还有获取值

这里是我遇到的一个坑,开始想着怎么处理,想了很久,还是想不出,没办法,只能跑去外面看看,突然看到一个小姐姐,然后找到了灵感。



<checkbox :data-id="item.packboxId" :data-value="index" :value="'' + item.packboxId" :checked="item.checked" @click="checkBox($event, item)" />

在开始加载的时候  动态设置:checked="item.checked" => false  

我在初始化的时候 循环遍历
    因为后台返回回来的数据没用 这个属性值,只能自己 动态加上

                that.enterData.forEach(item => {
                    item.checked = false;
                });

然后就是给勾选框 添加点击事件

        //勾选添加按钮
        checkBox(e, item) {
            let that = this;
            let box = (item.checked = !item.checked);
        },


因为我这里要点击选几个来获取ID 传递数组给后台


这里通过点击事件来触发
        enter() {
            let that = this;

            // 循环遍历ID
            that.serverData = [];
            that.enterData.forEach(item => {
                if (item.checked == true) {
                    that.serverData.push(item.packboxId);
                }
            });
}

然后就这样子获取了ID  以前我想的太复杂


 

很赞哦!331

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 141
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们