小程序：checkbox根据不同条件改变checked的值

axml:

<!-- 早、中、晚选择 -->

<view class="chooseframe">

<checkbox-group >

<label class="character4" a:for="{{items}}">

<checkbox class="checkbox" value="{{item.name}}" disabled="{{item.disabled}}" checked="{{item.checked}}" onChange="setkind" data-src="{{item.name}}"/>

<text>{{item.value}}</text>

</label>

</checkbox-group>

</view>

js:

data: {

items: [

{ name: 'morning', value: '早', checked: '' },

{ name: 'noon', value: '午', checked: '' },

{ name: 'afternoon', value: '晚', checked: '' }

],

breakfast: 1,

lunch: 1,

supper: 1,

},

/**判断是否选中 */

if(this.data.breakfast==1){

this.data.items[0].checked="true"

this.setData({

items:this.data.items,

})



}else{

this.data.items[0].checked="false"

this.setData({

items:this.data.items,

})

}

if(this.data.lunch==1){

this.data.items[1].checked="true"

this.setData({

items:this.data.items,

})

}else{

this.data.items[1].checked="false"

this.setData({

items:this.data.items,

})

}

if(this.data.supper==1){

this.data.items[2].checked="true"

this.setData({

items:this.data.items,

})

}else{

this.data.items[2].checked="false"

this.setData({

items:this.data.items,

})

}

效果：

说明：点击退订，弹出另一个页面如图。