E企盈营销工具技术服务商 热线:4006-838-530

微信小程序radio单选按钮选中与取消状态切换

E企盈直播平台营销卖货系统

label catchtap=’checkedTap’      radio checked=”{{checked}}” style=”color:#969696;font-size:28rpx;”设为默认地址/radio/label/* 自定义 radio 样式 */radio .wx-radio-input{    border-radius: 50%;     width: 28rpx;    height: 28rpx;} /* 选中后的样式 (可根据设计稿需求自己修改) */radio .wx-radio-input.wx-radio-input-checked::before{    border-radius: 50%;    width: 44rpx;     height: 44rpx;     line-height: 44rpx;    text-align: center;    font-size: 28rpx; /* 对勾大小 26rpx */    color:#fff; /* 对勾颜色 */    background: #2facff;    border-color: #2facff;}//是否选中  checkedTap: function () {    var checked = this.data.checked;    this.setData({      “checked”: !checked    })  }分析:1.在wxml的radio中,有一个选中状态的赋值,checked=”{{checked}}” , 给label绑定点击事件—checkedTap。2.接着在data中,声明checked为false。3.然后在函数中,获取到当前的checked的状态值,之后再通过this.setData改变状态。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序radio单选按钮选中与取消状态切换
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏