uniapp 列表radio多选

2021-12-30  本文已影响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()
},
上一篇 下一篇

猜你喜欢

热点阅读