微信小程序单选radio及多选checkbox按钮用法示例

Page({ data : { radioId:"", loves:[ {id:1, name:"跑步" ,checked : 'true'}, {id:2, name:"篮球" }, {id:3, name:"足球" }, ] }, updataRadio:function(e){ var Id=e.value.id this.setData({ radioId:Id }) }, })

wxml:

<radio-group bindChange="updataRadio"> <view wx:for="{{loves}}"> <radio value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</radio> </view> </radio-group>

2.多选：CheckBox

实例：

js:

Page({ data : { radioId:[], loves:[ {id:1, name:"跑步" ,checked : 'true'}, {id:2, name:"篮球" }, {id:3, name:"足球" }, ] }, updataRadio:function(e){ var Id=e.value.id this.setData({ radioId:Id }) }, })

wxml:

<checkbox-group bindChange="updataRadio"> <view wx:for="{{loves}}"> <chechbox value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</chechbox> </view> </checkbox-group>

附：多选获得的值是一个数组，单选获得的值是一个单值