微信小程序单选radio及多选checkbox按钮用法示例_小程序的单选按钮 - CSDN文库

51 浏览量更新于2023-03-16 评论收藏 24KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考，具体如下：

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>

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

希望本文所述对大家微信小程序开发有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38586118

粉丝: 6
资源: 922

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈