微信小程序选择按钮

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 >


附:多选获得的值是一个数组,单选获得的值是一个单值
阅读更多
版权声明: https://blog.csdn.net/weixin_41991473/article/details/79949603
文章标签: checkbox-group radio
个人分类: 微信小程序
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭