微信小程序选择按钮

1.单选：radio

实例：

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:

<radio-group  class="radio"  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  class="checkbox"  bindChange="updataRadio">

<view wx:for="{{loves}}">

<chechbox  value="{{item.id}}"  checked="{{item.checked}}">{{item.name}}</chechbox  >

</view>

</checkbox-group >

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