首页 > 资讯 > 微信小程序 > 正文

微信小程序复选框实现多选一功能教程

19-02-12        来源：[db:作者]  

收藏   我要投稿

    checkboxItems: [
      { name: '全天(1-8节)', value: 'allday' },
      { name: '上午(1-4节)', value: 'am' },
      { name: '下午(5-8节)', value: 'pm' },
      { name: '晚上(晚自习)', value: 'night' },
    ]
  }

    var that = this;
    let checkboxValues=null;
    let checkboxItems = this.data.checkboxItems, values = e.detail.value
    for (var i = 0, lenI = checkboxItems.length; i < lenI; ++i) {
      if(checkboxItems[i].value==values[values.length-1]){
        checkboxItems[i].checked=true;
        checkboxValues = checkboxItems[i].value;
      }
      else{
        checkboxItems[i].checked = false;
      }
    }
    console.log(checkboxValues)
    that.setData({ checkboxItems, checkboxValues })
  }

          {{item.name}} 

上一篇：机房环境监控系统品牌-深圳计通-szjitong的博客-51CTO博客

下一篇：网络地址转换实战案例

• 分布式事务1
• 叙利亚“黑客学生军”：将许多涉密邮件转发给叙政府
• 微信小程序正式开放公测，将给创业者带来哪些机会？
• Day01varnish