美文网首页
uniapp 列表radio多选

uniapp 列表radio多选

作者: 前端金城武 | 来源:发表于2021-12-30 16:04 被阅读0次
//循环列表中
<view v-else class="item" v-for="(item,index) in List" :key="index">
  <radio value="true" class="Detail" :checked="item.select" name="true" @click="dj(item)"></radio>
</view>
//js
dj(item){
    item.select = !item.select
    //刷新dom
         this.$forceUpdate()
},
//全选全不选
selectAll(){
     //q true 全选 false 全不选
     this.list.forEach(item=>{
           //切换状态成全选
      if(item.select==false){
        this.q = true
      }
      })
        if(this.q){
          //全选
          this.list.forEach(item=>{
                item.select = true
        })
        this.q =false 
    }else{
          //全不选
        this.list.forEach(item=>{
                item.select = false
        })
    }
    this.$forceUpdate()
},

相关文章

网友评论

      本文标题:uniapp 列表radio多选

      本文链接:https://www.haomeiwen.com/subject/swgiqrtx.html