微信小程序选择按钮

版权声明: https://blog.csdn.net/weixin_41991473/article/details/79949603

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 >


附:多选获得的值是一个数组,单选获得的值是一个单值
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页