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)

    }

})