zoukankan      html  css  js  c++  java
  • checkbox

     
    checkbox-group
    多项选择器,内部由多个checkbox组成。
    属性名 类型 默认值 说明
    bindchange EventHandle   <checkbox-group/>中选中项发生改变是触发 change 事件,detail = {value:[选中的checkbox的value的数组]}

    checkbox

    多选项目。
    属性名 类型 默认值 说明
    value String   <checkbox/>标识,选中时触发<checkbox-group/>的 change 事件,并携带 <checkbox/> 的 value
    disabled Boolean false 是否禁用
    checked Boolean false 当前是否选中,可用来设置默认选中
    <view class="page">
      <view class="page__hd">
        <text class="page__title">checkbox</text>
        <text class="page__desc">多选框</text>
      </view>
        <view class="page__bd">
          <view class="section section_gap">
                <checkbox-group bindchange="checkboxChange">
                    <label class="checkbox" wx:for="{{items}}">
                        <checkbox value="{{item.name}}" checked="{{item.checked}}">{{item.value}}</checkbox>
                    </label>
                </checkbox-group>
          </view>
        </view>
    </view>
     
     
     
    Page({
        data:{
            items:[
                {name:'USA', value : '美国'},
                {name:'CHN', value : '中国',checked:'true'},
                {name:'BRA', value : '巴西'},
                {name:'JPN', value : '日本'},
                {name:'ENG', value : '英国'},
                {name:'FRA', value : '法国'},
            ]
        },
        checkboxChange : function (e) {
            console.log('chenckbox发生change时间,携带value值为:',e.detail.value)
        }
    }) 
  • 相关阅读:
    代码
    怎么创建scrollview
    tcp/Ip http
    游戏道具
    FPS interv
    调整音乐
    插入排序
    冒泡排序
    JSON详解
    设计模式系列(2) 工厂模式之简单工厂模式
  • 原文地址:https://www.cnblogs.com/tian-sun/p/7405642.html
Copyright © 2011-2022 走看看